Toegankelijkheidsverklaring
Rubyy is gebouwd om bruikbaar te zijn voor zoveel mogelijk mensen, ongeacht hoe zij het web gebruiken. Op deze pagina staan de toegankelijkheidsfuncties die wij in rubyy.com hebben ingebouwd, de beperkingen die we kennen en hoe u ons kunt vertellen wanneer iets niet werkt.
Conformiteitsdoel
Wij streven naar de Web Content Accessibility Guidelines (WCAG) 2.1 niveau AA. Dit is het niveau waarnaar de meeste rechtsgebieden verwijzen voor publiek toegankelijke websites (de EU-richtlijn Webtoegankelijkheid, het Britse PSBAR, de Amerikaanse Section 508-update, de doorgaans aangehaalde ADA-norm). Wij testen op elk release van de marketingsite tegen AA; sommige onderdelen overtreffen AA waar dat eenvoudig was, en enkele bekende lacunes blijven daarachter. Beide lijsten staan hieronder.
Het volledige Rubyy-product (het platform zelf) is nog in pre-launch-ontwikkeling. Wanneer het product live gaat, publiceren wij een aparte toegankelijkheidsverklaring voor het dashboard en de storefronts die onze klanten ermee bouwen.
Wat wij hebben gebouwd
- Toetsenbordnavigatie. Elk interactief element op de site is bereikbaar en activeerbaar met Tab, Shift+Tab, Enter, Spatie en Escape. Het eerste focusbare element op elke pagina is een Spring naar hoofdinhoud-link die voorbij de header springt.
- Zichtbare focusindicator. Rond elk element dat de toetsenbordfocus heeft, verschijnt een omtrek van 2 pixels, in zowel lichte als donkere modus.
- Semantische landmarks. De pagina is opgebouwd met
<header>-,<main>-,<nav>- en<footer>-regio's, zodat hulptechnologie ertussen kan springen. De kopniveaus zijn logisch (één<h1>per pagina, geen overgeslagen niveaus daaronder). - Formulieren. Zowel de aanmelding voor de lanceringslijst als het contactformulier hebben zichtbare labels, markeren verplichte velden met
aria-required, tonen foutmeldingen die viaaria-describedbyaan het invoerveld zijn gekoppeld, schakelenaria-invalidop het betreffende veld en kondigen de verzendstatus aan via een beleefde live region. De verzendknop is uitgeschakeld totdat u een veld focust, en het formulier zetaria-busyterwijl de aanvraag loopt. - Carousel. De carousel met uitgelichte producten kondigt slidewissels aan via een beleefde live region, heeft gelabelde vorige-/volgende-knoppen en de stipnavigatie leest in uw taal "Ga naar dia N van M". De track reageert ook op natuurlijk vegen / pijltoetsen-scrollen.
- Landenkiezer. Het dropdown-menu voor het land in de header is een gelabelde
<nav>met links; de actieve taal is gemarkeerd metaria-current="true". Voor meertalige landen (België, Canada, Zwitserland, Finland, Luxemburg) heeft elke taal zijn eigen focusbare link. - Bewegingsreductie. Als uw besturingssysteem Reduce Motion heeft ingeschakeld (macOS / iOS Toegankelijkheid, Windows Instellingen → Toegankelijkheid → Visuele effecten), schakelen wij de gem-shimmer-animatie, het drijven van de scheidslijn, de cookiebanner-slide en de carousel-auto-pulse uit. De site blijft dan statisch.
- Contrast. Tekst en primaire acties halen AA-contrast in zowel lichte als donkere modus. Eyebrow-labels en linkkleuren verspringen in donkere modus naar een lichtere robijntint, zodat ze contrast behouden tegen donkere kaarten.
- Alt-tekst. Elke betekenisvolle afbeelding op de site (productschermafbeeldingen, doelgroeppictogrammen, de OpenGraph-cover) heeft beschrijvende alternatieve tekst. Decoratieve edelstenen en scheidslijnen zijn gemarkeerd met
aria-hidden, zodat schermlezers ze niet aankondigen. - Zelf-gehoste lettertypen. Pacifico en Poppins worden vanaf dezelfde oorsprong als de rest van de site geserveerd, zodat ze ook laden wanneer externe font-CDN's door privacytools worden geblokkeerd.
- Taalattribuut. Het
lang-attribuut van de pagina komt overeen met de actieve taal, zodat schermlezers de tekst met de juiste stem uitspreken. De kiezer toont 41 land/taal-paren en onthoudt uw keuze één jaar. - Cookiebanner. De banner is een gelabelde regio, bereikbaar via Tab vanaf elke plek op de pagina, en de Cookievoorkeuren-link in de footer opent hem opnieuw rechtstreeks in het paneel met instellingen per categorie en verplaatst de focus daarheen. Op de eerste banner is Weigeren één klik en even prominent als Accepteren.
- Aftelklok. De zichtbare cijfercellen werken elke seconde bij, maar zijn verborgen voor schermlezers; in plaats daarvan is een off-screen samenvatting beschikbaar die eens per minuut wordt bijgewerkt, zodat hulptechnologie niet elke tik voorleest.
- Statusberichten. Fouten en successen worden aangekondigd via live regions met
role="status", niet alleen via kleur.
Bekende beperkingen
Wij zijn open over de tekortkomingen die wij nog niet hebben opgelost. Als een van deze uw gebruik van de site blokkeert, laat het ons weten.
- Maltese vertaling wacht op review. De Maltese (
mt) vertaling was een eerste opzet die nog niet door een moedertaalspreker is gecontroleerd. Als u onhandige formuleringen ziet, mail het ons. - IJsland en Luxemburg. Stripe Connect (dat wij gebruiken voor uitbetalingen) lokaliseert niet voor IJslands of Luxemburgs, dus bezoekers uit die landen krijgen Engels (IJsland) of Frans / Duits (Luxemburg) te zien. Zodra Stripe deze talen toevoegt, volgen wij.
- Pijltoetsen voor de carousel. De carousel reageert op klikken, tikken en vegen, maar draait momenteel niet via pijltoetsen wanneer de focus in de track ligt. De vorige-/volgende-knoppen dekken dezelfde functionaliteit volledig af.
- Focus bij eerste weergave van de cookiebanner. Wanneer een nieuwe bezoeker op de site komt, wordt de cookiebanner onderaan getoond, maar blijft de focus op de body van het document, zodat we het lezen niet onderbreken. Om de banner via toetsenbord te bereiken, kunt u langs de pagina tabben, of de footer-link Cookievoorkeuren gebruiken, die de focus naar de banner verplaatst.
Browsers en hulptechnologieën
Wij testen de site tegen:
- Chrome en Firefox op Windows 11 en macOS Sonoma
- Safari 17 op macOS Sonoma en iOS 17 / 18
- Microsoft Edge op Windows 11
- VoiceOver op macOS Sonoma en iOS, NVDA op Windows, TalkBack op Android
- Op Chromium gebaseerde browsers in de Windows-modus met hoog contrast
Oudere browsers en hulptechnologieën kunnen delen van de site anders weergeven; we lossen specifieke problemen op die u meldt.
Hoe meldt u een belemmering
Als iets op deze pagina niet werkt met uw hulptechnologie, of u vindt een contrast-, toetsenbord- of schermlezerprobleem dat wij hebben gemist, mail dan [email protected]. Vermeld:
- De pagina-URL waar u tegen het probleem aanliep
- Wat u probeerde te doen
- De hulptechnologie / browser die u gebruikte
- Wat er gebeurde (en wat u in plaats daarvan verwachtte)
Wij bevestigen uw bericht binnen twee werkdagen en laten u weten wanneer wij verwachten een oplossing uit te brengen.
Formele klachten
Als u in de EU woont en wij uw klacht niet kunnen oplossen, kunt u escaleren naar de toezichthouder voor toegankelijkheid in uw lidstaat. Bezoekers uit het VK kunnen terecht bij de Equality and Human Rights Commission. Amerikaanse bezoekers kunnen een klacht indienen bij het Department of Justice op grond van de ADA.
Wijzigingen in deze verklaring
Wij werken de datum "laatst bijgewerkt" hierboven bij telkens wanneer wij toegankelijkheidsrelevante wijzigingen uitbrengen. Belangrijke aanvullingen (een nieuwe functie op de site, een nieuwe taal, een oplossing voor een gedocumenteerde beperking) worden hier ook samengevat.