Wcag
WCAG 4.1.2: knop zonder naam
“Knop.” Dat is wat een schermlezer zegt. Knop. Maar welke knop? Wat doet die?
"Klik op Zoeken." Niets gebeurt.
Je gebruikt spraakbesturing. Je ziet een knop met “Zoeken” erop. Je zegt: “Klik op Zoeken.”
Focus springt onverwacht door de pagina
Tab. Je bent in het hoofdmenu. Tab. Je bent in de sidebar. Tab. Je bent terug in het hoofdmenu. Tab. Nu ben je in de content.
Paginatitel ontbreekt
Je opent een pagina. De schermlezer zegt: “https colon slash slash w-w-w dot example dot com slash pagina dash 3-b dot html.”
Klikbare div in plaats van een button
Een div met een onclick. Ziet eruit als een knop. Doet iets als je erop klikt.
Informatief icoon dat onzichtbaar is
Drie streepjes. Een hamburgericoon. Dat is je menu. Tenminste, als je het kunt zien.
Lichtgrijze tekst op een witte achtergrond
Contrastverhouding: 2,85:1. Vereist: 4,5:1. Laag contrast is een van de meest voorkomende toegankelijkheidsproblemen op het web. In de WebAIM Million 2025 werd laag-contrasttekst gevonden op 79,1% van de onderzochte homepages. En ik snap waarom lichtgrijze tekst populair is. Het ziet er strak uit. Rustig. Modern.
Links die alleen door kleur herkenbaar zijn
Een alinea tekst. Ergens staat een link. Blauw. Geen onderstreping.
Metadata boven de kop van een artikel
“15 maart 2026. Workshops.” Dat hoort een schermlezergebruiker. En dan: stilte. Want het volgende element is de kop van het artikel eronder.
JavaScript dat de focus actief verwijdert
element.addEventListener("focus", function() { this.blur(); }); Een element krijgt focus. JavaScript verwijdert de focus direct. Het element heeft een fractie van een seconde focus gehad. De gebruiker merkt niets.