De tien toegankelijkheidsfouten die wij het vaakst tegenkomen
Na veel controles van WordPress-sites zien we steeds dezelfde fouten terugkomen. Het goede nieuws: de meeste zijn eenvoudig te herkennen en op…
Lees verderWat de niveaus A, AA en AAA inhouden, waarom AA de gangbare eis is en welke concrete punten op uw site daarbij horen.
In een offerte staat "wij bouwen volgens WCAG 2.2 niveau AA". In een aanbesteding staat "minimaal niveau AA". En in een gesprek met een collega-ondernemer valt de vraag of AAA niet beter is, want drie letters zijn toch meer dan twee. Wat WCAG niveau AA precies betekent, wordt zelden uitgelegd. Het is een afspraak over welke set eisen u haalt, en welke niet.
Op deze pagina leest u hoe de niveaus in elkaar zitten, met voorbeelden die u op uw eigen site kunt herkennen. U leest ook waarom AA de gangbare eis is en waarom AAA voor een hele website zelden een realistisch doel is.
De Web Content Accessibility Guidelines, kortweg WCAG, zijn opgesteld door het W3C. Ze bestaan uit lagen. Bovenaan staan vier principes: een site moet waarneembaar, bedienbaar, begrijpelijk en robuust zijn. Daaronder hangen richtlijnen, en onder elke richtlijn staan succescriteria. Die succescriteria zijn de toetsbare eisen, en elk ervan heeft een nummer, zoals 1.4.3, en een niveau: A, AA of AAA.
De principes zelf leggen wij in gewone taal uit in de vier principes van WCAG. Hier gaat het om de niveaus.
De niveaus stapelen. Wie AA haalt, voldoet ook aan alle A-criteria. Wie AAA haalt, voldoet aan alle drie.
| Niveau | Wat het grofweg betekent | Voorbeelden van criteria |
|---|---|---|
| A | De ondergrens. Zonder dit is een site voor sommige groepen onbruikbaar. | Tekstalternatief voor afbeeldingen (1.1.1), alles bedienbaar met toetsenbord (2.1.1), geen toetsenbordval (2.1.2), foutmeldingen bij formulieren (3.3.1) |
| AA | Het niveau waarop een site voor de meeste mensen met een beperking goed bruikbaar is. | Contrast van tekst (1.4.3), tekst vergroten tot 200% (1.4.4), reflow (1.4.10), zichtbare focus (2.4.7), duidelijke koppen en labels (2.4.6) |
| AAA | Extra eisen die voor specifieke groepen veel verschil maken, maar niet voor elke inhoud haalbaar zijn. | Contrast van 7:1 (1.4.6), gebarentaal bij video (1.2.6), grotere klikdoelen (2.5.5) |
Een site "voldoet aan AA" als alle criteria van niveau A en AA gehaald worden. Dat geldt voor hele pagina's en voor complete processen. Een bestelproces waarvan één stap niet werkt, voldoet niet, ook al zijn de andere stappen in orde.
AA is het niveau waar wetgeving en normen naar verwijzen. De Europese norm EN 301 549 verwijst voor websites naar WCAG 2.1 niveau AA. Die norm speelt een rol bij de Europese toegankelijkheidswet en bij de regels voor de overheid. Ook in aanbestedingen en offertes is AA het gebruikelijke uitgangspunt.
AAA is geen gangbare eis voor een hele site, en dat is een bewuste keuze. Het W3C geeft zelf aan dat het niet wordt aanbevolen om AAA als algemeen beleid voor hele sites te eisen, omdat sommige inhoud niet aan alle AAA-criteria kan voldoen. Denk aan gebarentaal bij elke video of een leesniveau dat voor een juridische tekst niet haalbaar is.
Voor uw eigen site komt het er dus op neer dat u AA als vaste eis hanteert, in offertes, in afspraken met uw webbouwer en bij het testen. Staat er in een offerte alleen "toegankelijk" of "WCAG-proof", vraag dan om het niveau en de versie. Zonder die twee is de belofte niet te controleren.
Dat betekent niet dat AAA-criteria waardeloos zijn. Sommige zijn met weinig moeite te halen, zoals grotere klikdoelen of extra contrast in de hoofdnavigatie. Neem ze mee waar het kan, maar beloof het niet voor de hele site.
Misschien heeft u gehoord dat er een nieuwe versie aankomt. Waarom u daar niet op hoeft te wachten, leest u in wat er met WCAG 3.0 verandert.
Een paar AA-eisen die bij bijna elke WordPress-site terugkomen, en waar het in de praktijk vaak misgaat:
WCAG 2.2 is in oktober 2023 gepubliceerd. De norm EN 301 549 verwijst op dit moment nog naar 2.1. Toch raden wij aan om op 2.2 AA te mikken. Versie 2.2 bevat de criteria van 2.1, met uitzondering van één technisch criterium dat is vervallen, en voegt er een aantal aan toe. Bij AA gaat het onder meer om klikdoelen van minimaal 24 bij 24 CSS-pixels (2.5.8) en focus die niet volledig achter een vaste balk verdwijnt (2.4.11).
Wie nu op 2.2 bouwt of herstelt, hoeft later minder in te halen. De nieuwe criteria vindt u uitgelegd in wat er nieuw is in WCAG 2.2. Op de overzichtspagina toegankelijkheid voor uw website ziet u hoe al deze eisen samenkomen in een aanpak.
Na veel controles van WordPress-sites zien we steeds dezelfde fouten terugkomen. Het goede nieuws: de meeste zijn eenvoudig te herkennen en op…
Lees verder"Uiteraard wordt de website toegankelijk." Een mooie zin in een offerte, maar wat betekent hij? Met deze checklist maakt u van een…
Lees verderEr komt een mail binnen: een klant kan uw formulier niet gebruiken met zijn screenreader. Geen reden voor paniek, wel voor een…
Lees verderIn de praktijk voldoen veel sites aan een groot deel van de criteria, maar niet aan alle. Formeel voldoet een pagina pas aan AA als alle A- en AA-criteria gehaald worden. Het is wel eerlijk en nuttig om te beschrijven welke onderdelen al in orde zijn en welke nog niet.
Niveau A haalt de grootste blokkades weg, maar laat dingen als contrast, zichtbare focus en vergroten buiten beschouwing. Juist daar lopen veel ouderen en slechtzienden tegenaan. Wij adviseren daarom AA als doel, ook als er geen wettelijke plicht is.
Dat vraagt een beoordeling per criterium, voor een representatieve set pagina's en processen. Een automatische scan geeft een eerste beeld, maar kan veel criteria niet beoordelen. Een audit met handmatige tests geeft het volledige beeld.
Dan geldt het als gehaald. Heeft uw site bijvoorbeeld geen video, dan hoeft u niets te doen voor ondertiteling. Komt er later wel een video bij, dan gaat het criterium vanaf dat moment meetellen.
Vraag een gratis websitecheck aan. U ontvangt binnen één werkdag een helder rapport, zonder verplichtingen.
Reactie binnen 4 werkuren