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.

Meer lezen over gerelateerde WCAG-succescriteria op NL Design System

Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet.

• Succescriterium 2.1.1 Toetsenbord)
• Succescriterium 2.1.2 Geen toetsenbordval
• Succescriterium 2.1.4 Enkel teken sneltoetsen
• Succescriterium 2.4.1 Blokken omzeilen
• Succescriterium 2.4.3 Focus volgorde
• Succescriterium 2.4.7 Focus zichtbaar
• Succescriterium 2.4.11 Focus niet bedekt (minimum)
• Succescriterium 2.4.13 Focusweergave
• Succescriterium 2.5.2 Aanwijzerannulering
• Succescriterium 2.5.4 Bewegingsactivering
• Succescriterium 3.2.1 Bij focus
• Succescriterium 3.2.2 Bij input

Over deze richtlijnen

Deze richtlijnen worden onderhouden door 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.