Hoe test je of ARIA op je website klopt?
Op drie manieren, en je hebt ze alle drie nodig. Een automatische scan, de accessibility tree in je browser, en een schermlezer.
Een scan vindt kenmerken die niet bestaan of die op het verkeerde element staan. Of ze inhoudelijk kloppen, kan hij niet beoordelen.
Daarvoor moet je zelf kijken en luisteren.
De automatische scan
Een browserextensie loopt je pagina na en meldt onbekende rollen, ontbrekende verplichte kenmerken en verboden combinaties.
Dat vangt de grove fouten en kost je vijf minuten. Begin daarmee, want het is de goedkoopste controle die er is.
De accessibility tree
Je browser bouwt naast de gewone paginastructuur nog een tweede boom op: precies wat hulpsoftware te zien krijgt. Die kun je openen in de ontwikkelaarsgereedschappen.
Daar zie je per element welke rol, welk label en welke status eraan hangt. Klopt dat niet met wat je bedoelde, dan heb je je fout gevonden. Meer daarover lees je bij dom.
Met een schermlezer
De enige manier om te horen wat er werkelijk gebeurt. Zet je scherm uit en probeer je menu open te klappen.
Hoor je knop, ingeklapt en verandert dat naar uitgeklapt als je hem opent, dan klopt je status. Blijft het bij ingeklapt, dan wordt je kenmerk niet bijgewerkt.
Mijn vuistregels
- Scan eerst, dan kijken in de accessibility tree, dan luisteren.
- Test elk interactief onderdeel apart: menu, formulier, uitklapper, venster.
- Controleer of statussen meebewegen; dat is de meest gemaakte fout.
- Test één keer per sjabloon, niet per pagina.
Die laatste scheelt veel werk. Je menu zit op elke pagina, dus één keer goed testen is genoeg.
Wat je zoekt
Rollen die niet bestaan, labels die de zichtbare tekst overschrijven, statussen die nooit veranderen, en elementen die verborgen zijn voor hulpsoftware maar wel zichtbaar op het scherm.
Die laatste categorie is berucht, want een scan meldt hem zelden. Meer daarover lees je bij welke fouten met ARIA komen het vaakst voor.
Waar het vaak fout zit
In je menu, in je cookiemelding en in vensters die over de pagina heen verschijnen. Dat zijn de drie plekken waar bijna elke site iets zelfgebouwds heeft.
Begin daar en je hebt het grootste deel te pakken. Meer over dat laatste onderdeel lees je bij modal.