Semantische HTML Gebruik juiste elementen voor betekenis (zoals <header>, <nav>, <main>, <button>). Dit helpt screenreaders en andere hulpmiddelen.
Toetsenbordtoegankelijkheid Alles moet te bedienen zijn met alleen het toetsenbord. Test met Tab, Enter en Escape.
Focusmanagement Zorg voor logische focusvolgorde en dat de focus zichtbaar blijft bij interactie.
Formulieren en validatie Gebruik bij elk formulier duidelijke labels, foutmeldingen en ARIA-attributen waar nodig. Geef directe feedback.
Gebruik van ARIA Pas ARIA-roles, states en properties bewust en beperkt toe – alleen als HTML het zelf niet aankan.
Responsieve en robuuste code Bouw voor verschillende apparaten, zoomniveaus en inputmethoden. Voorkom dat functies breken onder afwijkende omstandigheden.
Tools & testen
Gebruik tools zoals Axe, Lighthouse of WAVE
Test met een schermlezer (bijv. NVDA, VoiceOver)
Test met alleen een toetsenbord
Zorg voor automatische en handmatige tests in je workflow