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
Soms is het de bedoeling dat de focus binnen een onderdeel blijft, bijvoorbeeld in een (modaal) dialoogvenster. Dat is geen toetsenbordval, zolang je het venster met het toetsenbord kunt sluiten.
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.
- Is er een andere toets nodig dan Tab, Shift + Tab, Escape of de pijltoetsen? Vertel dan hoe het werkt. Zet die instructie zichtbaar bij het component, bij voorkeur ervóór.
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 | Escape |
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)
Testprocedure
Test 1: Toetsenbordvallen
- Verken de pagina met toetsenbord
- Bepaal welke componenten de focus kunnen krijgen (zie ook 2.1.1 Toetsenbord)
- Bepaal of er ingesloten content is, zoals mediaspelers, kaarten, social media feeds of andere iframes
- Herlaad de pagina
- Navigeer met alleen het toetsenbord naar elk component en controleer:
- Of elk component te verlaten is met Tab, Shift + Tab, Escape en/of pijltoetsen
- Of een geopend dialoogvenster te sluiten is met het toetsenbord
Let op: Alleen als een component alleen met een andere toets te verlaten is.
- Controleer, alleen als je een andere toets nodig hebt om een component te verlaten:
- Of er een instructie is die deze toets noemt
- Of je die instructie kunt bereiken en lezen met alleen het toetsenbord
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