Succescriterium 2.1.2 Geen toetsenbordval
Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.
Geen toetsenbordval begrijpen (Engelstalig)
Een toetsenbordval ontstaat als iemand met het toetsenbord ergens naartoe navigeert, maar er niet meer van weg kan komen. Dit is soms een probleem bij:
- ingesloten content (zoals YouTube-video’s)
- social media widgets (ingesloten feeds)
- rich text editors
- maatwerk componenten
Als een onderdeel speciale toetsen nodig heeft om te verlaten, moet je dit duidelijk vermelden.
Hoe pas je dit toe?
- Zorg dat een gebruiker met het toetsenbord altijd weg kan navigeren van elk element.
Navigeren met het toetsenbord
| Taak | Toets |
|---|---|
| Naar het volgende bedieningselement | Tab |
| Naar het vorige bedieningselement | Shift + Tab |
| Link activeren | Enter |
| Knop activeren | Enter of Spatie |
| Selectievakje selecteren | Spatie |
| Navigeren tussen keuzerondjes | ↑ (pijltje naar boven) en ↓ (pijltje naar beneden) |
| Keuzerondje selecteren | Spatie |
| Keuzelijst openen | Spatie |
| Navigeren in een keuzelijst | ↑ (pijltje naar boven) en ↓ (pijltje naar beneden) |
| Element sluiten | Esc |
Lees het artikel over toetsenbordtoegankelijkheid
Voor wie is dit belangrijk?
- Mensen die alleen het toetsenbord gebruiken.
- Mensen die een fysieke of motorische beperking hebben.
- Mensen die een visuele beperking hebben.
Wie is verantwoordelijk?
Hoe toets je dit?
Benodigdheden
- Minimaal twee verschillende browsers (bijvoorbeeld Chrome en Firefox)
- Minimaal twee verschillende schermlezers (bijvoorbeeld NVDA en VoiceOver)
Testprocedure
Test 1: Toetsenbordvallen
- Verken de pagina met een toetsenbord
- Bepaal welke bedieningselementen er zijn:
- Links
- Knoppen
- Formulierelementen (invoervelden, keuzelijsten, selectievakjes, keuzerondjes, schuifregelaars, enz.)
- Navigaties en subnavigaties
- Accordeons of andere elementen die kunnen uitvouwen en samenvouwen
- Dialoogvensters
- Carrousels
- Tabbladen
- Mediaspelers
- Bepaal welke elementen allemaal de focus kunnen krijgen (zie ook 2.1.1 Toetsenbord)
- Bepaal welke bedieningselementen er zijn:
- Herlaad de pagina
- Navigeer alleen met het toetsenbord naar elk component en controleer:
- Of je elk component kan verlaten met Tab, Shift + Tab, Escape en/of pijltoetsen
- Of, alleen als je een andere toets nodig hebt om het component te verlaten: de gebruiker daarover geïnformeerd wordt
Beoordeling
- Voor alle componenten die de focus kunnen krijgen, moet minstens één van de volgende zaken gelden:
- De focus kan van het component weg worden bewogen met Tab, Shift + Tab, Escape of een pijltoets
- De focus kan met een andere toets van het component weg worden bewogen en de gebruiker wordt geïnformeerd over die methode
Non-interferentie
Dit criterium geldt voor alle content op je pagina. Ook voor van derden afkomstige content, voor content die expliciet wordt uitgesloten in de scope van een WCAG-onderzoek en voor content met een toegankelijk alternatief.
Lees meer over non-interferentie