WCAG 2.1 AA-toegankelijkheidsaudit uitgelegd (voor mkb-sites)

Niveau AA is de lat die je site moet halen, ongeacht de jurisdictie. Op de versie lopen de regimes uiteen, en dat verschil is niet cosmetisch. De EAA noemt in de eigen tekst geen WCAG-versie; via de geharmoniseerde norm EN 301 549 komt hij uit op WCAG 2.1 AA. Het ADA Title III noemt helemaal geen technische norm, dus de Amerikaanse rechtspraak werkt feitelijk met 2.0 en later 2.1 AA. De UK Equality Act 2010 noemt er evenmin een, al worden Britse overheidsorganisaties sinds oktober 2024 getoetst aan WCAG 2.2 AA. Het AODA in Ontario eist nog altijd uitdrukkelijk WCAG 2.0 AA (O. Reg. 191/11 §14) en is nooit gewijzigd.

WCAG 2.2 AA is een strikte superset van al die versies. Daarom is het het verstandige doel, en daarom scant Veracly ertegen.

Een WCAG-audit is de gestructureerde controle die aangeeft hoe ver je site van die lat verwijderd is. Dit artikel beschrijft wat de audit doet, het verschil tussen scan en handmatige review, en de vijf fixes die op de meeste mkb-sites het verschil maken.

De vier WCAG-principes

• Waarneembaar. Tekstalternatieven, ondertiteling, voldoende contrast, content op 200% zoom.
• Bedienbaar. Toetsenbordnavigatie, geen niet-uitbreidbare tijdslimieten, geen flitsen, duidelijke focus.
• Begrijpelijk. Paginataal gedeclareerd, consistente navigatie, duidelijke foutmeldingen.
• Robuust. Geldige HTML, correct ARIA, statusberichten zichtbaar voor schermlezers.

Wat een geautomatiseerde scan echt vindt

• Afbeeldingen zonder enig alt-attribuut. Een lege alt="" slaagt, want geen machine onderscheidt een decoratieve van een betekenisvolle afbeelding
• Onvoldoende contrast
• Ontbrekende of niet gekoppelde formulier-labels
• Knoppen/links zonder toegankelijke naam
• Pagina zonder lang
• Lege headings, en paragrafen die zijn opgemaakt als heading
• Iframes zonder titel
• Verkeerd gebruikt ARIA
• Auto-play media zonder pauze

Wat alleen handmatige review vindt

Een scanner kan niet zeggen of je content begrijpelijk is. Niet of een alt het beeld goed beschrijft, alleen of er een alt is. Niet of de tab-volgorde logisch is, alleen of elementen bereikbaar zijn.

Heading-volgorde hoort in dezelfde categorie. axe-core ziet de sprong van een h1 naar een h3, maar dat is een best-practice-signaal en niet het schenden van een succescriterium: Veracly telt het in geen enkele jurisdictie mee. Of je headingstructuur de pagina werkelijk beschrijft, blijft een menselijk oordeel.

De vijf fixes die het verschil maken

1. Contrast. Reguliere tekst ≥ 4,5:1; grote tekst ≥ 3:1.
2. Formulier-labels. Elk veld heeft <label for="...">. Placeholder is geen label.
3. Alt op elke betekenisvolle afbeelding. Decoratief → alt=""; informatief → beschrijving; functioneel → actie.
4. Zichtbare focus. De meeste CSS-resets verwijderen de focusring. Weer toevoegen.
5. Landmarks en heading-volgorde. Eén <h1> per pagina; geen niveaus overslaan; header/nav/main/footer op de juiste plek.

De overlay-val

Overlay-leveranciers, accessiBe, AudioEye, UserWay, EqualWeb, verkopen een snippet dat WCAG-conformiteit belooft. De FTC beboette accessiBe in januari 2025 voor exact zo’n claim. Overlays kunnen intentie niet lezen, ze gokken, vaak fout. Voor het voorkomen van rechtszaken is een overlay slechter dan niets.

Veracly draait axe-core tegen je echte DOM en scoort die tegen de superset WCAG 2.2 AA, dus de regelsets 2.0, 2.1 en 2.2 A/AA samen. Elke onmiskenbare schending wordt gerapporteerd met de specifieke CSS-selector: maximaal drie falende elementen per issue bij een gratis scan, vijf bij een betaalde.

We rapporteren bewust niet wat axe als needs review markeert, want een misschien is geen bevinding. Die keuze heeft een reële prijs die je moet kennen: tekst over een foto, een gradient of een half-transparant vlak belandt daar vrijwel altijd, en verschijnt dus niet als contrastfout in je rapport, ook al zou een menselijke beoordelaar hem wel aanmerken.

Eén scan toetst tegelijk aan alle regelsets die voor jouw markten gelden: EAA, ADA, UK Equality Act en, als Canada in scope zit, AODA. Een gratis scan dekt één pagina en leidt één land af, dus levert niet alle vier de kaarten op. Uitgeschreven developer-fixes worden alleen bij betaalde scans gegenereerd; een gratis scan legt alleen de drie belangrijkste bevindingen uit. Voer een gratis scan uit.