Maandag t/m vrijdag, 09:00 – 18:00 +31 970 1028 0205 WhatsApp
WebMaintorNederland
Toegankelijkheid · goed om te weten

WCAG niveau AA: wat het betekent voor uw website

Wat 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.

  1. 01

    Hoe WCAG is opgebouwd

    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.

  2. 02

    De drie niveaus: A, AA en AAA

    De niveaus stapelen. Wie AA haalt, voldoet ook aan alle A-criteria. Wie AAA haalt, voldoet aan alle drie.

    NiveauWat het grofweg betekentVoorbeelden van criteria
    ADe 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)
    AAHet 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)
    AAAExtra 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.

  3. 03

    Waarom WCAG niveau AA de norm is

    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.

  4. 04

    Wat AA op uw site concreet vraagt

    Een paar AA-eisen die bij bijna elke WordPress-site terugkomen, en waar het in de praktijk vaak misgaat:

    • Contrast. Gewone tekst heeft een contrastverhouding van minimaal 4,5:1 met de achtergrond nodig, grote tekst minimaal 3:1. Ook knoppen, invoervelden en iconen die iets betekenen moeten 3:1 halen ten opzichte van hun omgeving. Lichtgrijze tekst en witte letters op een felle huisstijlkleur zijn de klassiekers. Hoe u dit oplost zonder uw huisstijl op te geven, staat bij kleurcontrast verbeteren.
    • Zichtbare focus. Wie met de tab-toets door de pagina gaat, moet steeds zien waar hij is. Veel thema's halen die rand weg omdat hij "lelijk" is. Op AA-niveau mag dat niet zonder alternatief. Lees ook uw website bedienen met alleen een toetsenbord.
    • Vergroten en reflow. Tekst moet tot 200% vergroot kunnen worden zonder dat er inhoud wegvalt, en op een breedte van 320 CSS-pixels moet de pagina werken zonder horizontaal scrollen. Dat komt neer op 400% zoom bij een scherm van 1280 pixels breed. Meer hierover in reflow op 400% zoom.
    • Ondertitels en audiodescriptie. Op niveau A horen vooraf opgenomen video's met spraak ondertitels te hebben. AA voegt audiodescriptie toe bij vooraf opgenomen video, als belangrijke informatie alleen in beeld zit.
    • Foutsuggesties. Als een formulier een fout ziet en weet hoe het beter kan, moet het die suggestie geven, zolang dat de veiligheid of het doel niet ondermijnt.
  5. 05

    WCAG 2.1 of 2.2 op niveau AA?

    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.

Kennisbank

Verder lezen

FAQ

Veelgestelde vragen

Kan mijn site gedeeltelijk AA zijn?

In 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.

Is niveau A genoeg voor een klein bedrijf?

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.

Hoe weet ik op welk niveau mijn site nu zit?

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.

Wat als een criterium op mijn site niet van toepassing is?

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.

Vragen over toegankelijkheid?

Vraag een gratis websitecheck aan. U ontvangt binnen één werkdag een helder rapport, zonder verplichtingen.

Reactie binnen 4 werkuren
WhatsApp