Er zijn drie manieren om de toegankelijkheid van je website te checken: geautomatiseerde tools, handmatige tests en professionele audits. Elk heeft z’n plek, en idealiter combineer je ze.
1. Geautomatiseerde tools (gratis, 5 minuten)
Deze tools scannen je pagina en rapporteren technische fouten:
WAVE (web accessibility evaluation tool)
- Browser-extensie voor Chrome en Firefox
- Geeft visuele indicatoren op je pagina
- Gratis en makkelijk te gebruiken
- wave.webaim.org
axe DevTools
- Browser-extensie, integreert in je developer tools
- Meer technisch, maar zeer nauwkeurig
- Gratis basisversie
- Populair bij developers
Lighthouse (ingebouwd in Chrome)
- Open DevTools → Lighthouse → Accessibility
- Geeft een score van 0-100
- Let op: een score van 100 betekent niet dat je website toegankelijk is. Het betekent alleen dat de tool geen fouten heeft gevonden
Wat vinden deze tools wel?
- Ontbrekende alt-teksten
- Te laag contrast
- Formuliervelden zonder label
- Ontbrekende taalattribuut
- Lege knoppen of links
Wat vinden ze niet?
- Of alt-teksten inhoudelijk kloppen
- Of de toetsenbordnavigatie logisch werkt
- Of een schermlezer de juiste informatie geeft
- Of de focusvolgorde zinvol is
- Of dynamische content goed is geïmplementeerd
Conclusie: geautomatiseerde tools vinden ~30% van de problemen. Ze zijn een goed startpunt, niet een eindpunt.
2. Handmatige tests (gratis, 30 minuten)
Doe deze tests zelf om een veel beter beeld te krijgen:
Toetsenbordtest
Navigeer door je website met alleen Tab, Shift+Tab, Enter en de pijltjestoetsen.
- Kun je alle interactieve elementen bereiken?
- Zie je waar de focus is?
- Kun je modals en dropdowns openen en sluiten?
- Zit je nergens “vast”?
Zoomtest
Zoom in naar 200% en naar 400%.
- Past alle content nog op het scherm?
- Verdwijnt er informatie?
- Moet je horizontaal scrollen bij 400%?
Koppen-check
Installeer de HeadingsMap-extensie en bekijk de kopstructuur.
- Is er één h1 per pagina?
- Worden er geen niveaus overgeslagen?
- Beschrijven de koppen de content?
Contrastcheck
Gebruik de WebAIM Contrast Checker voor twijfelgevallen.
- Normale tekst: minimaal 4,5:1
- Grote tekst (18px+ of 14px+ bold): minimaal 3:1
3. Professionele audit (betaald, meest grondig)
Een professionele auditor:
- Test met meerdere schermlezers (NVDA, JAWS, VoiceOver)
- Test op meerdere apparaten en browsers
- Kent de nuances van de WCAG-standaard
- Weet wanneer iets technisch voldoet maar praktisch niet werkt
- Levert een rapport op waarmee je team direct aan de slag kan
Dit is wat je nodig hebt als je moet aantonen dat je voldoet aan de wet, of als je na eigen verbeteringen wilt weten of je het goed hebt gedaan.
Onze aanbeveling
Begin met stap 1 en 2, die kosten niets en geven je een eerste beeld. Als je serieus aan de slag wilt, laat dan een professionele audit uitvoeren.
Wil je een snelle indicatie? Vraag een mini-audit aan (495 euro exclusief btw). Een senior auditor bekijkt je website en geeft je een overzicht van de belangrijkste punten.
