WCAG 2.2 AA-checklist: toegankelijkheid testen voor marketeers

Een WCAG-checklist is een praktische vertaling van de Web Content Accessibility Guidelines naar controlepunten die je zelf kunt nalopen: heeft je tekst genoeg contrast, werkt alles met het toetsenbord, en begrijpt een screenreader je formulieren? WCAG 2.2 op niveau AA is de standaard waar de meeste organisaties op mikken. In dit artikel krijg je een concrete checklist per thema, lees je welke audit-tools (zoals WAVE en axe) het zware werk uit handen nemen, en waar handmatig testen onmisbaar blijft.

Wat is WCAG 2.2 AA precies?

WCAG 2.2 is de actuele versie van de internationale toegankelijkheidsrichtlijnen van het W3C en telt 87 succescriteria, verdeeld over de niveaus A, AA en AAA. Voor AA-conformiteit voldoe je aan alle A- en AA-criteria samen. Niveau A is het absolute minimum, AAA is het strengst en vaak niet voor een hele site haalbaar. AA is daarom de praktische norm: streng genoeg om echt bruikbaar te zijn, realistisch genoeg om vol te houden.

Versie 2.2 voegde negen nieuwe succescriteria toe ten opzichte van 2.1, waarvan een aantal direct relevant is voor marketingsites: denk aan minimale grootte van klikbare elementen, zichtbare focus en eenvoudigere authenticatie. De richtlijnen draaien om vier principes, samengevat als POUR: content moet waarneembaar, bedienbaar, begrijpelijk en robuust zijn. Die vier woorden zijn een handig kapstokje als je twijfelt waar een probleem onder valt.

Welke controlepunten staan op de checklist?

De kern van een WCAG 2.2 AA-checklist valt uiteen in een handvol thema’s. Loop ze per pagina na, te beginnen bij je belangrijkste templates (homepage, dienstenpagina, contactpagina, blogartikel).

Kleur en contrast

• Normale tekst heeft een contrastverhouding van minstens 4,5:1 met de achtergrond; grote tekst minstens 3:1.
• Kleur is nooit de enige manier om informatie over te brengen (bijvoorbeeld een foutmelding niet alleen rood, maar ook met tekst of een icoon).
• Knoppen, links en formuliervelden zijn ook in hun focus- en hover-status goed zichtbaar.

Tekst en structuur

• Koppen volgen een logische hierarchie (een H1, daaronder H2’s, enzovoort) zonder niveaus over te slaan.
• Links hebben een beschrijvende tekst; vermijd losse “lees meer”-links zonder context.
• Tekst blijft leesbaar als je inzoomt tot 200 procent zonder dat content wegvalt of overlapt.

Afbeeldingen en media

• Inhoudelijke afbeeldingen hebben een zinvolle alt-tekst; puur decoratieve afbeeldingen krijgen een lege alt zodat een screenreader ze overslaat.
• Video’s met spraak hebben ondertiteling.

Toetsenbord en focus

• Alles wat met de muis werkt, werkt ook met alleen het toetsenbord (Tab, Enter, pijltjes).
• De focusvolgorde is logisch en de focusindicator is altijd zichtbaar, ook bovenaan de pagina (een nieuw aandachtspunt in 2.2).
• Er zit geen toetsenbordval in: je kunt overal weer uit weg navigeren.

Formulieren

• Elk veld heeft een zichtbaar, gekoppeld label, niet alleen een placeholder.
• Foutmeldingen benoemen wat er misging en hoe je het oplost.
• Klikbare elementen zoals knoppen zijn groot genoeg om comfortabel te raken op mobiel.

Juist die laatste twee thema’s raken direct je conversie. Een formulier dat onduidelijk is voor een screenreader-gebruiker is meestal ook verwarrend voor een gehaaste bezoeker. Meer daarover lees je in onze gids over conversie-optimalisatie van formulieren.

Hoe test je dit met audit-tools zoals WAVE en axe?

Begin met een geautomatiseerde scan, want die vindt in minuten een flink deel van de technische fouten. Twee veelgebruikte, gratis browser-extensies zijn WAVE (van WebAIM) en axe DevTools (van Deque). Je installeert ze in je browser, opent een pagina en krijgt direct een overzicht van fouten, waarschuwingen en de structuur van de pagina. Ook Lighthouse, ingebouwd in Chrome, geeft een toegankelijkheidsscore; hoe je die rapporten leest, behandelen we in onze uitleg over Google Lighthouse.

Wat deze tools goed doen: ontbrekende alt-teksten, te laag contrast, ontbrekende formulierlabels, foute koppenstructuur en ontbrekende taalinstellingen opsporen. Wat ze niet kunnen: beoordelen of een alt-tekst inhoudelijk klopt, of de focusvolgorde logisch aanvoelt, of een foutmelding echt begrijpelijk is. Daarom is de eerlijke verwachting dat geautomatiseerde tools grofweg een derde tot de helft van de problemen vangen. Ze zijn een vertrekpunt, geen eindstation.

Praktische werkwijze: draai WAVE of axe over je belangrijkste paginatypes, los de gemelde fouten op, en gebruik de waarschuwingen als checklist voor handmatige controle.

Waar blijft handmatig testen nodig?

Handmatig testen is onmisbaar omdat de meest impactvolle toegankelijkheidsproblemen contextueel zijn en alleen een mens ze kan beoordelen. Drie checks die je zonder veel kennis zelf kunt doen:

1. De toetsenbordtest. Leg je muis weg en navigeer een belangrijke flow (bijvoorbeeld van homepage naar contactformulier) met alleen Tab, Shift+Tab en Enter. Kun je overal komen, zie je steeds waar de focus staat, en kun je het formulier verzenden? Zo niet, dan heb je een blokkade gevonden die geen scan oppikt.

2. De screenreader-test. Zet een screenreader aan (VoiceOver op Mac, NVDA op Windows is gratis) en laat een pagina voorlezen. Klinken je links en knoppen logisch los van hun context? Worden afbeeldingen zinvol beschreven? Dit voelt onwennig, maar twintig minuten leert je enorm veel.

3. De zoom- en mobieltest. Zoom in tot 200 procent en bekijk de pagina op een smal scherm. Blijft alles leesbaar en bruikbaar, of valt er content weg?

Voor een volledige audit of een juridisch onderbouwd conformiteitsrapport schakel je een gespecialiseerde tester in, vaak iemand die zelf met hulptechnologie werkt. Maar het meeste laaghangend fruit pluk je met deze handmatige checks zelf. Wil je weten welke fouten het vaakst voorkomen, lees dan onze opsomming van de meest gemaakte fouten in webtoegankelijkheid.

Waarom is dit relevant voor B2B-marketeers?

Toegankelijkheid is om twee redenen relevant: het is goed voor je conversie en het wordt steeds vaker een vereiste. De European Accessibility Act is sinds 28 juni 2025 van kracht en verplicht een groeiende groep organisaties om hun digitale diensten toegankelijk te maken. De wet richt zich primair op consumentgerichte producten en diensten, dus niet elke pure B2B-site valt binnen de strikte juridische scope, maar de richting is duidelijk: toegankelijkheid verschuift van nice-to-have naar standaardverwachting. Voor publieke instellingen geldt al langer een verplichting.

Belangrijker voor de dagelijkse praktijk is het effect op leads. Dezelfde dingen die een site toegankelijk maken, maken hem ook prettiger voor iedereen: leesbare tekst, duidelijke knoppen, logische navigatie en formulieren die in een keer goed gaan. Dat is precies waar wij bij Customer Impact op sturen, op een site die bezoekers omzet in aanvragen in plaats van op vanity-statistieken. Een logische, toegankelijke menustructuur ondersteunt dat direct; zie ook onze gids over website-navigatie. Toegankelijkheid hoeft geen apart project te zijn: bouw het mee in als onderdeel van een doordachte, conversiegerichte website, en het kost veel minder dan achteraf repareren. Het hoort thuis in de bredere aanpak die we beschrijven in de B2B-website gids.

De korte samenvatting

WCAG 2.2 AA is de praktische norm voor toegankelijkheid. Werk in twee lagen: laat een tool als WAVE of axe de technische fouten opsporen, en doe daarna zelf de toetsenbord-, screenreader- en zoomtest voor alles wat een machine niet kan beoordelen. Begin bij je belangrijkste paginatypes en je conversiepunten, want daar levert toegankelijkheid meteen ook betere resultaten op. Zo voldoe je niet alleen aan de richtlijnen, maar bouw je een site die voor elke bezoeker werkt.

Wil je je website laten nakijken op toegankelijkheid en conversie tegelijk? Plan je gratis intake.