Een accessibility test onderzoekt of een website bruikbaar is voor mensen met verschillende beperkingen, zoals visuele, motorische of cognitieve beperkingen. De test combineert automatische tools, handmatige controles en eenvoudige gebruiksscenario’s.
Het doel is om barrières in ontwerp en code te identificeren.
Gebruik het werkblad voor accessibility testing.
Stap 1 - Bepaal het doel van de test
Formuleer wat je wilt onderzoeken.
Voorbeelden:
- Kunnen gebruikers zonder muis navigeren?
- Zijn teksten goed leesbaar?
- Kunnen screenreaders de inhoud begrijpen?
- Zijn kleuren voldoende contrastrijk?
Schrijf 1–3 onderzoeksvragen.
Toegankelijkheid wordt vaak gebaseerd op de WCAG-richtlijnen (Web Content Accessibility Guidelines). Deze richtlijnen zijn gebaseerd op vier principes:
- Perceivable – informatie moet waarneembaar zijn
- Operable – interface moet bedienbaar zijn
- Understandable – inhoud moet begrijpelijk zijn
- Robust – compatibel met hulpmiddelen
Stap 2 - Kies pagina’s om te testen
Selecteer 2–3 belangrijke pagina’s van de website.
Bijvoorbeeld:
- homepage
- formulierpagina
- productpagina
- contactpagina
Deze pagina’s bevatten vaak verschillende interface-elementen zoals navigatie, formulieren en afbeeldingen.
Stap 3 - Gebruik een accessibility tool
Gebruik een tool om automatische controles uit te voeren.
Veelgebruikte tools:
- browser accessibility audits
- accessibility checker extensies
- Lighthouse accessibility audit
Deze tools controleren bijvoorbeeld:
- ontbrekende alt-teksten
- kleurcontrast
- HTML-structuur
- ARIA-labels
Gebruik minstens twee tools tegelijk.
Verschillende tools vinden namelijk verschillende problemen. Automatische tools detecteren meestal slechts ongeveer 30–40% van alle accessibility issues, waardoor handmatige checks ook nodig blijven.
Veelgebruikte tools:
- WAVE Web Accessibility Evaluation Tool
- axe DevTools (browser extension)
- Google Lighthouse (via Chrome):
Rechtermuisklik → Inspect → Lighthouse → Accessibility audit - Accessibility Insights (Microsoft)
- Siteimprove Accessibility Checker (browser extension)
Stap 4 - Test navigatie met alleen het toetsenbord
Gebruik alleen:
- TAB
- SHIFT + TAB
- ENTER
- pijltjestoetsen
Controleer:
- kun je alle knoppen bereiken?
- is zichtbaar waar de focus staat?
- kun je formulieren invullen?
Veel gebruikers met motorische beperkingen of screenreadergebruikers navigeren met het toetsenbord. Als een site niet goed werkt met TAB-navigatie, is deze vaak niet toegankelijk.
Stap 5 - Controleer afbeeldingen en alternatieve tekst
Bekijk afbeeldingen op de website.
Controleer:
- hebben afbeeldingen alt-tekst?
- beschrijft de tekst wat er op de afbeelding staat?
- zijn decoratieve afbeeldingen correct gemarkeerd?
Screenreaders lezen alt-tekst voor zodat blinde gebruikers begrijpen wat een afbeelding betekent.
Stap 6 - Controleer kleurcontrast en leesbaarheid
Controleer of tekst goed leesbaar is.
Let op:
- contrast tussen tekst en achtergrond
- tekstgrootte
- leesbaarheid van fonts
Volgens WCAG moet normaal tekstcontrast minimaal 4.5:1 zijn.
Slecht contrast maakt websites moeilijk leesbaar voor:
- slechtziende gebruikers
- gebruikers op mobiele schermen
- gebruikers in fel licht
Stap 7 - Test formulieren en interactie
Controleer formulieren op de website.
Let op:
- hebben velden duidelijke labels?
- zijn foutmeldingen begrijpelijk?
- kun je formulieren met het toetsenbord invullen?
Formulieren zijn vaak een belangrijk punt waar toegankelijkheidsproblemen ontstaan.
Stap 8 - Analyseer de resultaten
Noteer problemen zoals:
- ontbrekende alt-teksten
- onduidelijke knoppen
- slecht kleurcontrast
- onbruikbare toetsenbordnavigatie
Beschrijf waar gebruikers problemen zouden kunnen ervaren.
Stap 9 - Formuleer verbeteringen
Bedenk mogelijke oplossingen.
Voorbeelden:
- alt-teksten toevoegen
- contrast verbeteren
- duidelijke labels toevoegen
- betere focus-indicatoren gebruiken