Website of app bedienen met een toetsenbord

Officiële informatie

• Succescriterium 2.1.1 Toetsenbord
• Succescriterium 2.1.2 Geen toetsenbordval
• Succescriterium 2.4.3 Focus volgorde
• Succescriterium 2.4.7 Focus zichtbaar

Waar let je op bij toetsenbordbediening

• Alle functionaliteiten van je website of app zijn te bedienen met het toetsenbord.
• Alle interactieve elementen moeten de focus kunnen ontvangen.
• Maak de focus goed zichtbaar.
• Zorg dat de bezoeker niet vast komt te zitten door gebruik van een toetsenbord.
• Zorg voor een logische en begrijpelijke focusvolgorde.
• Maak bij gebruik van de schermlezer alle belangrijke elementen in een app bereikbaar met het toetsenbord.

Doe dit ook voor digitale toegankelijkheid

• Gebruik zo veel mogelijk standaard HTML-elementen. Zo maak je functionaliteiten het best bedienbaar met een toetsenbord.
• Maak een bibliotheek aan met herbruikbare digitaal toegankelijke componenten. Dit scheelt werk en voorkomt herhaling van fouten.
• Test regelmatig tijdens het bouwproces.

Test het zelf

Koppel je muis los en gebruik alleen het toetsenbord. Test of je alle functies op een webpagina of scherm kunt bedienen. Een aantal veelgebruikte toetsen:

• Tab en Shift+Tab om langs interactieve elementen te navigeren.
• Spatie of Enter om knoppen te activeren.
• Enter om een link te volgen.
• Pijltjestoetsen om keuzerondjes en selectievakje te selecteren in een formulier.

Meer informatie voor apps

Appt – Informatie over toetsenbordtoegankelijk voor apps