Zorg dat het formulier werkt met een toetsenbord

Sommige gebruikers navigeren door een formulier met hun toetsenbord. Zorg dat alle onderdelen waar je ook op kunt klikken in het formulier bereikbaar zijn en gebruikt kunnen worden met alleen een toetsenbord.

Is het niet mogelijk een component met een toetsenbord te bedienen, zorg dan voor een toegankelijk alternatief. De richtlijn Zorg dat iedereen een formulierelement kan bedienen of geef een alternatief gaat hier dieper op in.

Dit ondersteunt toetsenbordgebruikers, maar ook gebruikers met andere randapparatuur die zich als toetsenbord presenteert, zoals een switch control.

Maak de toetsenbordfocus goed zichtbaar en geef de focusring voldoende kleurcontrast.

Hoe een website met een toetsenbord te navigeren, en wat hiervoor belangrijk is, staat op:

• How to keyboard navigate websites in Mac browsers van Harvard University.
• Keyboard Accessibility van WebAIM.
• A Guide To Keyboard Accessibility HTML And CSS van Cristian Díaz in Smashing Magazine.

De volgende WCAG-succescriteria zijn nodig voor een goede gebruikerservaring bij toetsenbordbediening:

• 2.1.1 Toetsenbord) (niveau A).
• 2.1.2 Geen toetsenbordval (niveau A).
• 2.1.4 Enkel teken sneltoetsen (niveau A).
• 2.4.1 Blokken omzeilen (niveau A).
• 2.4.3 Focus volgorde (niveau A).
• 2.4.7 Focus zichtbaar (niveau AA).
• 2.4.11 Focus niet bedekt (minimum) (niveau A).
• 2.4.13 Focusweergave (niveau AAA)
• 2.5.1 Aanwijzergebaren (niveau A).
• 2.5.2 Aanwijzerannulering (niveau A).
• 2.5.4 Bewegingsactivering (niveau A).
• 2.5.7 Sleepbewegingen (niveau AA).
• 3.2.1 Bij focus (niveau A).
• 3.2.2 Bij input (niveau A).

Over deze richtlijnen

Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.

We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.