WCAG 2.1 versus 2.2
WCAG 2.1 versus 2.2: wat is er nieuw en wat moet je aanpassen?
WCAG 2.2 bouwt voort op WCAG 2.1. Je ziet welke criteria zijn toegevoegd, welk criterium is vervallen en wat dat in de praktijk betekent voor eigenaren van een website of webshop.
De belangrijkste verschillen kort
- WCAG 2.2 voegt negen succescriteria toe: twee op niveau A, vier op niveau AA en drie op niveau AAA.
- Criterium 4.1.1 (Parsing) is vervallen, omdat browsers en hulpsoftware fouten in de HTML-structuur tegenwoordig zelf opvangen.
- Alle andere criteria uit WCAG 2.1 blijven gelden. Wie WCAG 2.2 haalt, voldoet in de praktijk ook aan WCAG 2.1.
- Voor niveau AA komen er zes criteria bij: twee van niveau A en vier van niveau AA.
De nieuwe succescriteria in WCAG 2.2
De namen zijn vrij vertaald uit het Engels. Het nummer verwijst naar het criterium in de officiële tekst.
| Criterium | Niveau | Wat het vraagt |
|---|---|---|
| 2.4.11 Focus niet verborgen (minimaal) | AA | Het element met toetsenbordfocus is niet volledig bedekt door andere content, zoals een plakkende header of cookiebanner. |
| 2.4.12 Focus niet verborgen (uitgebreid) | AAA | Het element met toetsenbordfocus is helemaal niet bedekt. |
| 2.4.13 Focusweergave | AAA | De focusindicator is groot genoeg en heeft voldoende contrast. |
| 2.5.7 Sleepbewegingen | AA | Wat je met slepen doet, kan ook met een enkele klik of tik. |
| 2.5.8 Grootte van aanraakdoelen (minimaal) | AA | Doelen zijn minimaal 24 × 24 CSS-pixels groot of hebben voldoende ruimte eromheen. |
| 3.2.6 Consistente hulp | A | Hulpmogelijkheden zoals contact of chat staan op elke pagina op dezelfde plek. |
| 3.3.7 Dubbele invoer | A | Vraag niet opnieuw om gegevens die de bezoeker in hetzelfde proces al heeft ingevuld. |
| 3.3.8 Toegankelijke authenticatie (minimaal) | AA | Inloggen vraagt geen cognitieve test, zoals een wachtwoord onthouden, zonder alternatief of hulpmiddel. |
| 3.3.9 Toegankelijke authenticatie (uitgebreid) | AAA | Een strengere variant van 3.3.8 met minder uitzonderingen. |
Wat moet je als website-eigenaar aanpassen?
Voor niveau AA gaat het om zes nieuwe criteria. Dit zijn de plekken waar je site het vaakst aandacht nodig heeft.
Controleer plakkende headers en cookiebanners (2.4.11)
Een vaste header, chatwidget of cookiebanner kan het element met toetsenbordfocus bedekken. Dat gebeurt vooral als je met Tab door een lange pagina loopt.
Tip: Loop de pagina met Tab door en let erop dat het element met focus zichtbaar blijft. Een scroll-padding helpt vaak.
Maak knoppen en links groot genoeg (2.5.8)
Kleine iconen, sluitknoppen en dicht opeen geplaatste links vallen vaak onder 24 × 24 CSS-pixels. Ruimte rondom een klein doel telt mee.
Tip: Geef kleine knoppen extra opvulling in plaats van ze alleen groter te tekenen.
Bied een alternatief voor slepen (2.5.7)
Schuifregelaars, kaarten, uploadvelden en herordenbare lijsten werken vaak alleen met slepen.
Tip: Voeg knoppen of een invoerveld toe waarmee je hetzelfde resultaat met een klik bereikt.
Verminder dubbele invoer in formulieren (3.3.7)
In bestel- en aanvraagprocessen wordt vaak twee keer om hetzelfde adres of e-mailadres gevraagd.
Tip: Vul gegevens voor, of bied een keuze zoals 'Hetzelfde als factuuradres'.
Maak inloggen toegankelijk (3.3.8)
Een inlogproces mag niet afhangen van onthouden, overtypen of puzzels zonder alternatief. Plakken in een wachtwoordveld en wachtwoordmanagers moeten werken.
Tip: Blokkeer plakken niet en gebruik de juiste autocomplete-attributen.
Zet hulp en contact op een vaste plek (3.2.6)
Staat contact, chat of een telefoonnummer op meerdere pagina's, dan staat het steeds op dezelfde plek in de pagina.
Tip: Zet de hulpmogelijkheid in de vaste header of footer.
Wat verandert er niet?
Je hoeft de basis niet opnieuw op te bouwen. Contrast, alternatieve teksten, koppen, labels en toetsenbordbediening blijven even belangrijk. Heb je al aan WCAG 2.1 AA gewerkt, dan is WCAG 2.2 AA vooral een aanvulling met zes criteria.
Welke versie kies je?
Bouw of verbeter je nu, richt je dan op WCAG 2.2 AA. Je voldoet daarmee ook aan WCAG 2.1 AA, de versie waar veel regelgeving tot nu toe naar verwees. Welke versie voor jouw situatie verplicht is, hangt af van de wet die op jou van toepassing is.
De tests van AccessRadar zijn gericht op WCAG 2.2 AA, aangevuld met AI-contentanalyse voor inhoudelijke punten. Voor de nieuwe criteria uit 2.2 helpen de toetsenbordtest en de checklist je op weg.
Automatische tests én AI-contentanalyse
AccessRadar combineert automatische tests met AI-contentanalyse. Zo zie je niet alleen technische fouten, maar ook welke teksten je bezoekers echt helpen.
De AI-analyse leest de tekst van je pagina's en geeft suggesties, bijvoorbeeld voor:
- Alternatieve teksten: zegt de tekst iets zinvols, of is het 'afbeelding', een bestandsnaam of 'klik hier'?
- Linkteksten: wordt uit de linktekst en de tekst eromheen duidelijk waar een link naartoe leidt?
- Koppen en labels: beschrijven ze het onderwerp of het veld, of zijn het lege woorden zoals 'Info' of 'Veld 1'?
- Paginatitels en formulieren: is duidelijk waar een pagina over gaat en wat een veld verwacht?
Je krijgt concrete suggesties voor betere teksten, die je direct oppakt in je wekelijkse verbeterplan. Zo groeit je website elke week verder naar WCAG 2.2 AA-geschiktheid en bereik je meer klanten.
Lees hoe tests en AI-analyse samenwerken in het verbeterplan
Lees ook
Praktische uitleg over WCAG en digitale toegankelijkheid.
WCAG 2.2 uitgelegd: de toegankelijkheidsrichtlijnen voor websites
Wat is WCAG 2.2? Lees wat de niveaus A, AA en AAA betekenen, welke eisen centraal staan en waarom toegankelijkheid voor je website belangrijk is.
WCAG 2.2 AA-checklist: wat controleer je op je website?
Praktische WCAG 2.2 AA-checklist per categorie, met uitleg en tips om direct te verbeteren. Handig voor eigenaren, redacteuren en developers.
European Accessibility Act: wat betekent het voor jouw website of webshop?
Wat betekent de European Accessibility Act voor je website of webshop? Lees wie eronder valt, sinds wanneer het geldt en wat je nu moet doen.
Controleer je website gratis op WCAG
Vraag de gratis WCAG-check van AccessRadar aan en ontvang de resultaten van een automatische scan per e-mail, als startpunt voor je verbeterpunten.
Wil je daarna elke week verder? Het WCAG-verbeterplan voegt wekelijkse scans en AI-contentanalyse toe.
Een WCAG-scan ondersteunt je beoordeling. Een automatische WCAG-scan kan volledige WCAG 2.2 AA-geschiktheid niet vaststellen. Combineer regelmatige WCAG-scans met handmatig onderzoek en feedback van mensen met een beperking.
Veelgestelde vragen over WCAG 2.1 en 2.2
Hoeveel nieuwe criteria heeft WCAG 2.2?
WCAG 2.2 heeft negen nieuwe succescriteria: twee op niveau A, vier op niveau AA en drie op niveau AAA. Voor niveau AA zijn er dus zes nieuwe criteria.
Waarom is criterium 4.1.1 Parsing vervallen?
Het criterium vroeg om geldige HTML, bijvoorbeeld zonder dubbele id's. Moderne browsers en hulpsoftware gaan daar inmiddels goed mee om, waardoor het criterium geen toegevoegde waarde meer had.
Moet ik mijn website opnieuw laten testen als ik naar WCAG 2.2 ga?
Je hoeft niet alles opnieuw te doen. Controleer vooral de zes nieuwe criteria voor niveau AA, zeker op pagina's met formulieren, inloggen, vaste headers en kleine knoppen.
Wat betekent WCAG 2.2 voor webshops?
Let vooral op de grootte van knoppen, dubbele invoer in het bestelproces, een toegankelijke inlogstap en een plakkende header of cookiebanner die de focus bedekt.
Is WCAG 2.2 compatibel met WCAG 2.1?
Ja. WCAG 2.2 breidt 2.1 uit. Een pagina die aan 2.2 voldoet, voldoet in de praktijk ook aan 2.1.