WCAG 2.2 AA is de set van succescriteria op niveau A en AA uit de Web Content Accessibility Guidelines 2.2, de internationale richtlijn voor toegankelijke websites. Voldoet je site daaraan, dan is hij bruikbaar voor mensen die slecht zien, een screenreader gebruiken, alleen met een toetsenbord werken of moeite hebben met lezen en onthouden. Europese normen en wetten, zoals de European Accessibility Act, gebruiken WCAG als technische meetlat.
Dit artikel legt uit wat WCAG is, hoe de versies en niveaus werken en wat er nieuw is in 2.2. De nadruk ligt op de criteria die je als marketeer of contentmaker zelf raakt, los van wat je ontwikkelaar regelt. Het hoort bij onze complete gids over website-toegankelijkheid.
Wat is WCAG en wie maakt het?
WCAG is een technische richtlijn van het World Wide Web Consortium (W3C) die beschrijft wanneer webcontent toegankelijk is. De richtlijn wordt geschreven door de Accessibility Guidelines Working Group, onderdeel van het Web Accessibility Initiative (WAI) van W3C. Dat staat in het WCAG-overzicht van W3C.
WCAG is geen wet. Het is een open standaard die wetgevers en normcommissies overnemen. Daardoor kom je dezelfde criteria tegen in Europese regels, in de Amerikaanse praktijk en in de toetsing van overheidssites.
De richtlijn bestaat uit succescriteria: toetsbare eisen met een nummer, een naam en een niveau. Elk criterium beschrijft een uitkomst, geen techniek. Criterium 1.1.1 zegt bijvoorbeeld dat niet-tekstuele content een tekstalternatief heeft. Hoe je dat bouwt, staat in aparte uitlegdocumenten van W3C.
Welke WCAG-versies zijn er?
Er zijn drie versies van WCAG 2 in gebruik, en elke nieuwe versie bouwt voort op de vorige. Volgens W3C verscheen WCAG 2.0 in december 2008, WCAG 2.1 in juni 2018 en WCAG 2.2 in oktober 2023.
| Versie | Gepubliceerd | Wat erbij kwam |
|---|---|---|
| WCAG 2.0 | December 2008 | De basis: tekstalternatieven, toetsenbord, contrast, formulieren |
| WCAG 2.1 | Juni 2018 | Vooral mobiel en slechtziendheid, zoals reflow en contrast van niet-tekstuele elementen |
| WCAG 2.2 | Oktober 2023 | Negen nieuwe criteria rond focus, klikdoelen, hulp en inloggen; 4.1.1 Parsing geschrapt |
De versies zijn achterwaarts compatibel. W3C schrijft dat content die aan WCAG 2.2 voldoet, ook aan WCAG 2.1 en 2.0 voldoet, en moedigt aan de nieuwste versie te gebruiken. De specificatie van WCAG 2.2 heeft de status W3C Recommendation; de huidige editie is gedateerd 12 december 2024. WCAG 2.2 is daarnaast vastgelegd als ISO-norm, ISO/IEC 40500:2025.
Wat betekenen de niveaus A, AA en AAA?
Elk succescriterium heeft een niveau, en AA is het niveau dat wetten en normen in de praktijk vragen. De niveaus stapelen: voor AA voldoe je aan alle A- én AA-criteria, voor AAA aan alle drie.
- Niveau A is het minimum. Zonder deze criteria is een site voor sommige mensen onbruikbaar, bijvoorbeeld omdat een knop niet met het toetsenbord werkt.
- Niveau AA voegt eisen toe die het gebruik voor veel meer mensen werkbaar maken, zoals voldoende kleurcontrast en zichtbare focus.
- Niveau AAA is het hoogste niveau, met strengere eisen zoals een nog hoger contrast.
Waarom AA de norm is en AAA niet: W3C schrijft in de conformiteitsregels van WCAG 2.2 dat het niet wordt aangeraden om AAA als algemene eis voor hele sites te stellen. Voor sommige content zijn niet alle AAA-criteria haalbaar. AA is daarmee het hoogste niveau dat je voor een complete site redelijk kunt eisen.
Let ook op: conformiteit geldt voor hele pagina's en complete processen. Een toegankelijke productpagina met een ontoegankelijke betaalstap voldoet niet, omdat het afrekenproces als geheel moet werken.
De vier principes van WCAG
Alle succescriteria vallen onder vier principes, die samen bekendstaan als POUR. De WCAG 2.2-specificatie ordent de richtlijnen zo:
- Waarneembaar (Perceivable). Informatie en interface-onderdelen moeten zo worden aangeboden dat gebruikers ze kunnen waarnemen. Denk aan alt-tekst bij afbeeldingen, ondertiteling bij video en voldoende contrast.
- Bedienbaar (Operable). Interface-onderdelen en navigatie moeten bedienbaar zijn. Alles werkt met een toetsenbord, de focus is zichtbaar en klikdoelen zijn groot genoeg.
- Begrijpelijk (Understandable). Informatie en de bediening moeten begrijpelijk zijn. De taal van de pagina is ingesteld, formulieren hebben labels en foutmeldingen leggen uit wat er mis is.
- Robuust (Robust). Content moet robuust genoeg zijn om door uiteenlopende software te worden geïnterpreteerd, ook door hulptechnologie. Knoppen en velden hebben een naam en rol die een screenreader kan uitlezen.
De nummering volgt die principes. Een criterium dat met 1 begint, valt onder waarneembaar; een criterium dat met 3 begint, onder begrijpelijk.
Wat is nieuw in WCAG 2.2?
WCAG 2.2 voegt negen succescriteria toe en schrapt er één. Het overzicht van W3C over wat nieuw is in WCAG 2.2 noemt deze nieuwe criteria:
| Nummer | Criterium | Niveau | In gewone taal |
|---|---|---|---|
| 2.4.11 | Focus Not Obscured (Minimum) | AA | Het element met toetsenbordfocus wordt niet volledig verborgen, bijvoorbeeld door een sticky header of cookiebalk |
| 2.4.12 | Focus Not Obscured (Enhanced) | AAA | Het element met focus wordt helemaal niet bedekt |
| 2.4.13 | Focus Appearance | AAA | De focusindicator is groot en contrastrijk genoeg |
| 2.5.7 | Dragging Movements | AA | Wat je met slepen doet, kan ook met een enkele klik of tik |
| 2.5.8 | Target Size (Minimum) | AA | Klikdoelen zijn minimaal 24 bij 24 CSS-pixels, met enkele uitzonderingen |
| 3.2.6 | Consistent Help | A | Hulp zoals contactgegevens of een chat staat op elke pagina op dezelfde plek in de volgorde |
| 3.3.7 | Redundant Entry | A | Informatie die je in hetzelfde proces al gaf, hoef je niet opnieuw te typen |
| 3.3.8 | Accessible Authentication (Minimum) | AA | Inloggen vraagt geen geheugen- of puzzeltest zonder alternatief |
| 3.3.9 | Accessible Authentication (Enhanced) | AAA | Strengere variant van 3.3.8, met minder uitzonderingen |
Voor wie op AA mikt, zijn dus zes criteria nieuw: 2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7 en 3.3.8.
Geschrapt is 4.1.1 Parsing. W3C noemt het criterium verouderd: het was bedoeld voor hulptechnologie die HTML zelf moest ontleden, en dat is niet meer nodig. De problemen die het ving, bestaan volgens W3C niet meer of vallen onder andere criteria. De andere criteria uit 2.0 en 2.1 zijn volgens W3C in wezen ongewijzigd.
Welke WCAG-criteria raak je als marketeer zelf?
Een groot deel van WCAG zit in het ontwerp en de code, maar een flink deel bepaal je dagelijks zelf in je CMS. Elke afbeelding, kop, link en elk formulier dat je publiceert, valt onder een succescriterium. De nummers en niveaus hieronder komen uit de WCAG 2.2-specificatie.
| Nummer | Criterium | Niveau | Wat jij doet |
|---|---|---|---|
| 1.1.1 | Non-text Content | A | Geef informatieve afbeeldingen een alt-tekst; geef decoratieve afbeeldingen een lege alt |
| 1.2.2 | Captions (Prerecorded) | A | Zet ondertiteling onder video's met gesproken tekst |
| 1.3.1 | Info and Relationships | A | Gebruik echte koppen (H2, H3) en lijsten, geen vetgedrukte tekst die eruitziet als kop |
| 1.4.3 | Contrast (Minimum) | AA | Houd tekstcontrast op minimaal 4,5:1, en 3:1 voor grote tekst (18 punt, of 14 punt vet) |
| 1.4.11 | Non-text Contrast | AA | Zorg dat knoppen, invoervelden en iconen genoeg contrast hebben met de achtergrond |
| 2.4.2 | Page Titled | A | Geef elke pagina een titel die het onderwerp beschrijft |
| 2.4.4 | Link Purpose (In Context) | A | Schrijf linkteksten die zeggen waar de link heen gaat, geen "klik hier" |
| 2.4.6 | Headings and Labels | AA | Laat koppen en labels het onderwerp of doel beschrijven |
| 2.4.7 | Focus Visible | AA | Laat de focusrand niet weghalen in je thema of huisstijl |
| 2.4.11 | Focus Not Obscured (Minimum) | AA | Controleer dat cookiebalken, chatknoppen en sticky headers de focus niet volledig bedekken |
| 2.5.8 | Target Size (Minimum) | AA | Maak knoppen en iconen in campagnes en landingspagina's minimaal 24 bij 24 CSS-pixels |
| 3.1.1 | Language of Page | A | Stel de juiste taal van de pagina in, zeker op meertalige sites |
| 3.1.2 | Language of Parts | AA | Markeer passages in een andere taal, zoals een Engelse quote |
| 3.2.6 | Consistent Help | A | Zet contactgegevens, chat of helpcenter op elke pagina op dezelfde plek |
| 3.3.2 | Labels or Instructions | A | Geef elk formulierveld een zichtbaar label, niet alleen placeholdertekst |
| 3.3.7 | Redundant Entry | A | Vraag in een aanmeld- of bestelproces niet twee keer om hetzelfde gegeven |
| 3.3.8 | Accessible Authentication (Minimum) | AA | Kies bij inloggen voor opties zonder puzzel-captcha, of bied een alternatief |
Een paar van deze criteria verdienen extra aandacht, omdat ze bij marketingwerk vaak misgaan.
Contrast in campagnes. Lichtgrijze tekst, tekst over een foto en merkkleuren met weinig verschil zijn de klassiekers. Een contrastverhouding van 4,5:1 klinkt technisch, maar elke kleurkiezer of contrastchecker rekent hem voor je uit.
Alt-tekst die iets zegt. Een alt-tekst als "afbeelding" of de bestandsnaam helpt niemand. Beschrijf wat de afbeelding in die context vertelt. Dat helpt meteen ook zoekmachines en AI-systemen, die afbeeldingen via die tekst begrijpen, zie content die AI citeert.
Consistente hulp en dubbele invoer. Deze twee nieuwe criteria op niveau A raken landingspagina's en aanmeldstromen. Een chatknop die op elke pagina ergens anders zit, of een formulier dat in stap drie opnieuw om je e-mailadres vraagt, voldoet niet.
In het overzicht van meest voorkomende toegankelijkheidsfouten zie je per fout de HTML-oplossing.
Hoe verhoudt WCAG zich tot EN 301 549 en de EAA?
De European Accessibility Act noemt het eindresultaat, en de Europese norm EN 301 549 vertaalt dat voor websites naar WCAG. De EAA (Richtlijn (EU) 2019/882) beschrijft welke producten en diensten toegankelijk moeten zijn. Geharmoniseerde normen geven een vermoeden van conformiteit: voldoe je eraan, dan word je geacht aan de wettelijke eisen te voldoen.
Welke WCAG-versie telt, hangt af van de versie van EN 301 549:
- EN 301 549 V3.2.1 (2021) verwijst voor webcontent naar WCAG 2.1. Dat staat in de norm zelf bij ETSI.
- EN 301 549 V4.1.1 verwijst naar WCAG 2.2. De tekst van V4.1.1 bij ETSI bevat de nieuwe criteria, zoals 3.3.8 over toegankelijk inloggen.
Volgens de Ierse National Disability Authority werd V4.1.1 op 2 september 2026 gepubliceerd, maar is het pas juridisch bepalend zodra de Europese Commissie de norm in het Publicatieblad vermeldt. Dat wordt verwacht op 16 december 2026. Tot dat moment blijft V3.2.1, met WCAG 2.1, de norm die geldt.
Praktisch betekent dit: wie nu aan WCAG 2.2 AA werkt, voldoet ook aan WCAG 2.1 AA en is klaar voor de nieuwe norm. Wat de EAA verder van je bedrijf vraagt, lees je in het artikel over de European Accessibility Act. Dit is een uitleg van de regels en geen juridisch advies; bij twijfel over je eigen situatie raadpleeg je een jurist of de toezichthouder.
Wat is WCAG 3.0?
WCAG 3.0 is een werkconcept van W3C en nog geen geldende standaard. W3C noemt het in de introductie op WCAG 3 een onvolledig concept dat nog zal veranderen. In september 2026 verscheen een bijgewerkt Working Draft.
Volgens W3C duurt het nog enkele jaren voordat WCAG 3 een afgeronde standaard is. WCAG 3 vervangt WCAG 2 ook niet direct: W3C schrijft dat WCAG 2 na de afronding van WCAG 3 nog jaren niet wordt afgeschaft. Het advies van W3C is helder: de beste voorbereiding op WCAG 3 is nu aan WCAG 2.2 voldoen.
Zo controleer je dit op je eigen site
Met deze stappen breng je in kaart hoe je site ervoor staat op WCAG 2.2 AA:
- Kies je belangrijkste pagina's. Neem de homepage, een landingspagina, een product- of dienstpagina, een formulier en, als je die hebt, het afrekenproces.
- Draai een automatische test. Een tool op basis van axe-core vindt ontbrekende alt-teksten, velden zonder label, lege links en knoppen en een ontbrekend taalattribuut.
- Controleer het contrast handmatig. Meet tekst over afbeeldingen, knoppen en lichte tinten met een contrastchecker, want contrast vergt een echte weergave van de pagina.
- Navigeer met alleen het toetsenbord. Druk op Tab door de pagina en kijk of je altijd ziet waar de focus staat en of een cookiebalk of chatknop hem niet bedekt.
- Loop je content na. Controleer koppen, linkteksten, alt-teksten, ondertiteling en of hulp op elke pagina op dezelfde plek staat.
- Leg vast wat je vond. Gebruik je bevindingen voor een verbeterplan en voor je toegankelijkheidsverklaring.
Meer over de verdeling tussen automatisch en handmatig werk lees je in website-toegankelijkheid testen. De toegankelijkheidscontrole van Flowproof zit in de betaalde abonnementen Pro en Business. Die test je pagina's op WCAG 2.0, 2.1 en 2.2 niveau A en AA met axe-core, toont per bevinding het succescriterium en niveau, en meldt kleurcontrast eerlijk als handmatig te controleren. Bekijk de abonnementen op de prijzenpagina.