Hoe test je de toegankelijkheid van een website?
Op drie manieren, en je hebt ze alle drie nodig. Een automatische scan, een controle met de hand, en een test met echte gebruikers.
Elke methode vangt iets anders. Een scan vindt hooguit een derde van de problemen, en dat is geen tekortkoming maar de aard van het beestje.
Begin bij de scan, want die kost je vijf minuten.
De automatische scan
Er zijn gratis hulpmiddelen die je pagina nalopen op meetbare zaken: ontbrekende alternatieve teksten, te laag contrast, formuliervelden zonder label.
Die vondsten zijn direct bruikbaar en meestal snel op te lossen. Draai hem op je vijf belangrijkste pagina’s, niet op je hele site tegelijk.
Wat een scan niet vindt
Of je alternatieve tekst ergens op slaat. En of je koppenstructuur logisch is. Of iemand met een toetsenbord daadwerkelijk door je bestelproces komt.
Dat zijn oordelen, en daar heb je een mens voor nodig.
Met de hand testen
De snelste handmatige controle: leg je muis weg en loop je site door met de tabtoets. Kun je overal komen, zie je steeds waar je bent, en kun je alles bedienen?
Blijf je ergens hangen, bijvoorbeeld in een pop-up die je niet meer uit komt, dan heb je een echt probleem gevonden. Meer over die richtlijn lees je bij wcag.
Mijn vuistregels
- Scan eerst je vijf belangrijkste pagina’s; dat kost een kwartier.
- Loop daarna diezelfde pagina’s door met alleen je toetsenbord.
- Zet je scherm op tweehonderd procent en kijk of alles nog werkt.
- Los eerst op wat op elke pagina terugkomt, zoals je menu en je formulieren.
Die laatste is efficiënt: een fout in je thema herstel je één keer en verdwijnt overal tegelijk.
Met echte gebruikers
De enige manier om te weten of je site echt werkt. Iemand die dagelijks met een schermlezer werkt, vindt in een half uur meer dan jij in een week.
Er zijn organisaties die dat als dienst aanbieden. Voor een webshop of een belangrijke aanvraagpagina is dat de investering waard. Meer daarover lees je bij screenreader.
Wat je als eerste oplost
Alles wat iemand tegenhoudt: een formulier dat niet in te vullen is, een menu dat je niet uit komt, een knop die geen knop is.
Daarna pas de nettere punten, zoals een kop die op het verkeerde niveau staat. Meer over dat soort structuur lees je bij html.