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.

De richtlijnen zijn geen wettelijke verplichting of vervanging voor WCAG. Ze zijn een praktische uitleg met voorbeelden die helpen bij het toegankelijk inzetten van NL Design System. Meer informatie of de wettelijke verplichting staat op de pagina wat is verplicht van DigiToegankelijk.

Help richtlijn verbeteren

Deel je mening op GitHub of bezoek onze actieve community op Slack.