Web content Accessibility
Gebruik de Web content Accessibility Guidelines als basis.
Bekijk succescriterias's
Semantisch HTML
Gebruik semantisch HTML voor de juiste type content.
<article>
Kleurcontrast checkers
Gebruik een Color Analyzer om de contrastverhouding tussen tekst en achtergrondkleur te controleren.
background-color
Toetsenbord navigatie volgorde
De navigatievolgorde met het toetsenbord wordt bepaald door de volgorde van de HTML-componenten binnen de HTML DOM.
tabindex="0"
Alternatieve tekst
Alternatieve tekst gebruiken zoals tooltip of verborgen tekst bij niet-tekstuele content (Afbeeldingen, Iconen, grafieken)
alt="..."
Skiplinks
Skiplinks gebruiken om het toetsenbord navigatie te versnellen
<a href="#main">
Toetsenbord toegankelijkheid
Semantisch HTML-elementen gebruiken om interactieve componenten toetsenbord toegankelijk te maken.
<details>
Duidelijk toetsenbord focus
Zorg voor een duidelijk toetsenbord en screenreader focus indicatie zowel op mobiel en laptop.
outline: ... ;
Testen met gebruikers
Test functionaliteiten met gebruikers met een visuele beperking.
Testen met digitale hulpmiddelen
Test functionaliteiten continu met screenreaders, toetsenbord en automated test tools.