Testen en auditen van webtoegankelijkheid: een uitgebreide aanpak

Testen is waar de theorie van toegankelijkheid de praktijk ontmoet. Zonder systematisch testen blijven toegankelijkheidsvereisten ambities in plaats van prestaties. Effectief toegankelijkheidstesten combineert geautomatiseerd scannen, handmatige expertbeoordeling en gebruikerstests met hulptechnologie om een volledig beeld te vormen van de toegankelijkheid van uw digitale ervaring.

Waarom testen belangrijk is

Geautomatiseerde tools zijn een essentieel startpunt, maar ze kunnen slechts een fractie van de toegankelijkheidsproblemen detecteren — brancheonderzoek suggereert consistent dat geautomatiseerd testen ongeveer 30 tot 40 procent van de WCAG-schendingen opspoort. Geautomatiseerde tools kunnen vaststellen of een afbeelding een alt-attribuut heeft, maar niet of die alt-tekst zinvol is. Ze kunnen contrastverhoudingen meten, maar ze kunnen niet evalueren of de leesvolgorde logisch is of een aangepaste widget zijn toestand correct communiceert naar een schermlezer.

Daarom is een gelaagde aanpak noodzakelijk. Elke laag van testen vangt problemen op die de andere lagen missen.

Laag 1: geautomatiseerd scannen

Geautomatiseerde toegankelijkheidstesttools scannen uw pagina's aan de hand van een reeks regels die zijn afgeleid van WCAG-succescriteria en markeren schendingen. Ze zijn snel, herhaalbaar en uitstekend geschikt voor het opsporen van systematische problemen over grote sites heen. Gebruik ze als uw eerste verdedigingslinie en voor doorlopende monitoring.

axe DevTools is een van de meest gebruikte engines voor het testen van toegankelijkheid. Beschikbaar als browserextensie en als bibliotheek die integreert in ontwikkelworkflows, test axe aan de hand van een uitgebreide set regels en is ontworpen om valse positieven te minimaliseren. Het vormt de basis voor veel andere toegankelijkheidstesttools.

WAVE van WebAIM biedt een visuele overlay die toegankelijkheidsproblemen direct op de pagina markeerd. Het is bijzonder nuttig voor niet-technische belanghebbenden omdat het problemen in context toont in plaats van in een apart rapport. Beschikbaar als browserextensie en als online tool.

Google Lighthouse is ingebouwd in Chrome DevTools en bevat een categorie voor toegankelijkheidsaudits. De reikwijdte is beperkter dan gespecialiseerde toegankelijkheidstools, maar het gemak en de nulconfiguratie maken het een goede snelle controle tijdens de ontwikkeling.

Pa11y is een open-source command-line tool dat goed geschikt is voor integratie in continuous integration pipelines. Het kan individuele pagina's testen of hele sites crawlen en resultaten in verschillende formaten uitvoeren.

IBM Equal Access Accessibility Checker is een gratis browserextensie die de regelengine van IBM gebruikt en begeleide evaluatie biedt, inclusief een toetsenbordcontrolemodus.

Geen van deze tools mag worden gebruikt als de enige methode voor toegankelijkheidsevaluatie. Ze vullen handmatig testen aan — ze vervangen het niet.

Laag 2: handmatig expertmatig testen

Handmatig testen omvat een getrainde evaluator die uw site systematisch beoordeelt aan de hand van WCAG-succescriteria met behulp van een combinatie van technieken.

Toetsenbordtesten is de meest fundamentele handmatige test. Navigeer door uw hele site met alleen het toetsenbord. Tab door elke pagina, interacteer met elk besturingselement, open en sluit elk menu en dialoogvenster. Verifieer dat de focusvolgorde logisch is, dat de focus altijd zichtbaar is, dat er geen toetsenbordvallen bestaan en dat alle functionaliteit beschikbaar is zonder muis.

Zoomtesten omvat het vergroten van de pagina tot 200% en 400% en het verifiëren dat geen content verloren gaat, geen functionaliteit breekt en geen horizontaal scrollen nodig is bij een breedte van 320 CSS pixels.

Schermlezertesten omvat het navigeren door uw site met een of meer schermlezers om te verifiëren dat alle content correct wordt aangekondigd, dat koppen en oriëntatiepunten een navigeerbare structuur creëren, dat formulierlabels correct zijn gekoppeld, dat dynamische contentwijzigingen worden aangekondigd en dat aangepaste widgets hun toestand communiceren.

De drie meest gebruikte schermlezers zijn JAWS (commercieel, Windows), NVDA (gratis, Windows) en VoiceOver (ingebouwd in macOS en iOS). Elk heeft verschillende sterktes en gedragingen, dus testen met ten minste twee wordt aanbevolen. TalkBack is de primaire schermlezer op Android-apparaten.

Cognitieve doorloop evalueert de site vanuit het perspectief van gebruikers met cognitieve beperkingen. Is de content helder en ondubbelzinnig? Zijn instructies expliciet? Is de navigatie voorspelbaar? Kunnen gebruikers herstellen van fouten? Is de cognitieve belasting redelijk?

Laag 3: gebruikerstests met hulptechnologie

De meest onthullende vorm van toegankelijkheidstesten omvat echte gebruikers met beperkingen die hun eigen hulptechnologieën gebruiken. Geautomatiseerde tools en expertbeoordelingen kunnen technische fouten identificeren, maar alleen echte gebruikers kunnen praktische bruikbaarheidsbarrières onthullen — de interacties die technisch voldoen aan WCAG-criteria maar toch verwarring of frustratie veroorzaken.

Werf deelnemers die een scala aan beperkingen en gebruik van hulptechnologie vertegenwoordigen. Betrek schermlezergebruikers, toetsenbordgebruikers, gebruikers met motorische beperkingen die mogelijk schakeltoegankelijkheid of stembesturing gebruiken, gebruikers met een visuele beperking die afhankelijk zijn van vergroting, en gebruikers met cognitieve beperkingen. Observeer hen bij het uitvoeren van belangrijke taken op uw site en documenteer de barrières die ze tegenkomen.

Het auditproces

Een formele toegankelijkheidsaudit volgt doorgaans een gestructureerd proces: definieer de scope, voer geautomatiseerd scannen uit, voer handmatige expertbeoordeling uit, voer gebruikerstests uit, documenteer alle bevindingen met ernstbeoordelingen en aanbevelingen voor herstel, herstel vervolgens te beginnen met de problemen met de grootste impact en test opnieuw na de fixes.

Toegankelijkheidsverklaringen

Op grond van de European Accessibility Act en vele andere regelgevingen zijn organisaties verplicht een toegankelijkheidsverklaring te publiceren. Dit document moet uw conformiteitstatus beschrijven, bekende toegankelijkheidsbeperkingen vermelden, uitleggen hoe gebruikers toegankelijkheidsproblemen kunnen melden en contactgegevens verstrekken voor vragen over toegankelijkheid. Het moet gemakkelijk vindbaar zijn vanaf elke pagina van uw site.

Doorlopende monitoring

Toegankelijkheid is geen eenmalig project. Nieuwe content, ontwerpwijzigingen, functietoevoegingen en integraties met derden kunnen allemaal toegankelijkheidsregressies introduceren. Integreer geautomatiseerd toegankelijkheidstesten in uw CI/CD-pipeline, voer periodieke handmatige beoordelingen uit en stel een proces in voor het ontvangen van en reageren op toegankelijkheidsfeedback van gebruikers.