WCAG-succescriterium 2.1.2 Geen toetsenbordval

Niveau A

In het kort

Doel

Bezoekers die een toetsenbord gebruiken komen niet vast te zitten.

Wat te doen

Zorg ervoor dat bezoekers altijd weg kunnen navigeren van onderdelen.

Waarom het belangrijk is

Mensen die leunen op toetsenbordgebruik kunnen vaak niet op een andere manier navigeren.

Uitleg

Focus die met een toetsenbord geplaatst kan worden, moet ook met het toetsenbord weg te halen zijn.

WCAG-succescriterium 2.1.1 Toetsenbord vereist dat alle interactieve onderdelen van een pagina, waar je acties mee uit kan voeren, te bedienen zijn met een toetsenbord. Dit succescriterium vereist dat de bezoeker een component niet alleen kan bereiken, maar ook verder of terug kan navigeren.

Als de focus niet te verplaatsen is met standaardtoetsen zoals escape-, pijltjes- of tabtoetsen, geef dan aan hoe het wel kan. Een onderdeel wat wel te bereiken is maar waar men niet meer weg kan, wordt ook toetsenbordval genoemd.

Hoe te testen

• Navigeer door de pagina met het toetsenbord zoals bij WCAG-succescriterium 2.1.1 Toetsenbord
• Als je niet verder kan navigeren, controleer dan of er instructies zijn hoe dit wel kan.

Als je niet de hele pagina doorkan met standaardnavigatie én er zijn geen alternatieve instructies, dan faalt dit criterium.

Tips

• Beïnvloed zo min mogelijk de focus van de gebruiker met JavaScript, het autofocus-attribuut of het tabindex-attribuut. Door er niet aan te komen kun je het ook niet slechter maken.

Gerelateerde NL Design System-richtlijnen

• Formulieren - Toetsenbord: Zorg dat het formulier werkt met een toetsenbord.
• Formulieren - Toetsenbord: Gebruik geen positieve tabindex.
• Formulieren - Wanneer gebruik je welk formulierelement: Zorg dat iedereen een formulierelement kan bedienen of geef een alternatief.

Gebruikersonderzoek

Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij Gebruikersonderzoeken delen op gebruikersonderzoeken.nl.

W3C referenties

• Engelse tekst van het WCAG-succescriterium: 2.1.2 No Keyboard Trap.
• Nederlandse vertaling van het WCAG-succescriterium: 2.1.2 Geen toetsenbordval.
• Engelstalige informatie op How to Meet WCAG: Quick Reference 2.1.2 No Keyboard Trap.
• Engelstalige toelichting: Understanding SC 2.1.2 No Keyboard Trap.

Practische uitleg en voorbeelden

De richtlijnen van NL Design System zijn niet wettelijk verplicht en zijn geen vervanging voor de wettelijk geldende WCAG 2.1 specificatie.

Ons doel is om praktische uitleg en voorbeelden te geven die helpen bij het toegankelijk inzetten van de NL Design System componenten, patronen en richtlijnen. We doen dat op basis van een interpretatie van de nieuwe WCAG 2.2 specificatie.

Weten waar je volgens de wet aan moet voldoen? Ga dan naar wat is verplicht van DigiToegankelijk.

Help richtlijn verbeteren

Deze pagina's over WCAG worden onderhouden door NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.