10 veelvoorkomende toegankelijkheidsfouten om te vermijden

Zelfs met de beste bedoelingen zijn toegankelijkheidsfouten makkelijk te maken. Hier zijn de 10 meest voorkomende fouten die we tegenkomen bij audits — en hoe je ze kunt oplossen.

1. Ontbrekende of slechte alt-tekst

Afbeeldingen zonder alt-tekst zijn onzichtbaar voor schermlezers. Vermijd generieke tekst zoals "afbeelding". Beschrijf wat de afbeelding toont en waarom die er is. Gebruik voor decoratieve afbeeldingen alt="" zodat schermlezers ze overslaan.

2. Onvoldoende kleurcontrast

WCAG AA vereist een minimumverhouding van 4,5:1 voor normale tekst en 3:1 voor grote tekst (18pt+ of vetgedrukt 14pt+). Laag contrast treft gebruikers met beperkt gezichtsvermogen en iedereen in felle omstandigheden.

3. Problemen met toetsenbordnavigatie

Veelvoorkomende problemen: interactieve elementen die niet bereikbaar zijn via Tab, geen zichtbare focusindicator, en een tab-volgorde die niet de visuele indeling volgt. Alle functionaliteit moet via het toetsenbord alleen bedienbaar zijn.

4. Ontbrekende formulierlabels

Elk invoerveld heeft een programmatisch gekoppeld label nodig — niet alleen placeholdertekst, die verdwijnt bij het typen. Gebruik <label for="..."> of aria-label. Geef duidelijke, specifieke foutmeldingen als validatie mislukt.

5. Niet-beschrijvende linktekst

Links met "klik hier" of "lees meer" geven geen context wanneer ze buiten de paginastroom worden gelezen. Gebruik beschrijvende tekst: "Lees onze WCAG 2.2 compliance-gids".

6. Ontoegankelijke modaalvensters

Een modal moet: focus vasthouden terwijl het open is, sluitbaar zijn via Esc, role="dialog" met aria-labelledby hebben, en de focus terugplaatsen op het activerende element als het gesloten wordt.

7. Automatisch afspelen

Speel nooit inhoud met audio automatisch af. Bied altijd zichtbare play/pause-knoppen voor video's en carrousels.

8. Ontbrekende koppenstructuur

Koppen moeten een logische hiërarchie vormen (h1 → h2 → h3). Sla geen niveaus over en gebruik koppen niet puur voor opmaak.

9. Tijdslimieten zonder opties

Formulieren of sessies met time-outs moeten gebruikers de mogelijkheid bieden om de tijdslimiet te verlengen of uit te schakelen. Dit is vereist door WCAG 2.2.1.

10. PDF-bestanden zonder tekstlaag

Gescande PDF's zijn volledig ontoegankelijk voor schermlezers. Zorg voor een correcte tekstlaag, een getagde leesorde en alternatieve tekst voor afbeeldingen.

Hoe vermijd je deze fouten?

Regelmatige toegankelijkheidsaudits zijn essentieel. Gebruik geautomatiseerde tools zoals Toegankelijk360 AI in combinatie met handmatig testen. Betrek mensen met een beperking in je testproces voor validatie in de praktijk.