Digitale toegankelijkheid: WCAG 2.1 AA uitgelegd

Je wilt de digitale toegankelijkheid van je website of webshop verbeteren, maar stuit steeds op dezelfde afkorting: WCAG 2.1 AA. Wat betekent die precies? Voor ondernemers in Nederland is vooral belangrijk hoe deze richtlijnen helpen om een bruikbare website te bouwen, en hoe ze samenhangen met de wetgeving rond toegankelijkheid.

WCAG maakt toegankelijkheid concreet. Kan iemand zonder muis een bestelling plaatsen? Is een foutmelding begrijpelijk? Kan een schermlezer vertellen welk invoerveld iemand moet invullen? Achter zulke dagelijkse situaties zitten toetsbare eisen. Wie de opbouw begrijpt, kan betere keuzes maken bij ontwerp, ontwikkeling en onderzoek.

Digitale toegankelijkheid: wat is WCAG 2.1 AA?

WCAG staat voor Web Content Accessibility Guidelines: richtlijnen voor de toegankelijkheid van webinhoud. Ze gaan niet alleen over tekst en afbeeldingen, maar ook over formulieren, navigatie en interactieve onderdelen zoals een winkelmandje.

De aanduiding bestaat uit een versie en een niveau. WCAG 2.1 is de versie van de richtlijnen. AA geeft het conformiteitsniveau aan. De richtlijnen zijn opgebouwd rond vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust. Daaronder vallen succescriteria: concrete voorwaarden waaraan je een website kunt toetsen.

Het uitgangspunt is niet dat iedereen je website op dezelfde manier gebruikt. De ene bezoeker vergroot de tekst, een ander navigeert met een toetsenbord en weer een ander laat de inhoud voorlezen. Een toegankelijke website ondersteunt die verschillende manieren van gebruik.

Hoe verhouden WCAG, de Europese norm en de wet zich tot elkaar?

Bij informatie over de Europese Toegankelijkheidswet kom je in Nederland de Implementatiewet toegankelijkheidsvoorschriften producten en diensten tegen. Deze is sinds 28 juni 2025 van kracht. Voor diensten die eronder vallen, waaronder e-handelsdiensten, houdt de Autoriteit Consument & Markt (ACM) toezicht. De ACM geeft informatie over toegankelijkheid van e-handelsdiensten en elektronische communicatiediensten.

De wet, een Europese technische norm en WCAG hebben verschillende functies. De wet beschrijft verplichtingen. De Europese norm EN 301 549 werkt toegankelijkheid technisch uit voor ICT-producten en -diensten. Voor webinhoud sluit die norm aan op de succescriteria van WCAG 2.1 op niveau A en AA.

Zo vormt de Europese norm een verbinding tussen algemene toegankelijkheidseisen en technische toetsing. WCAG helpt vervolgens om vast te stellen waar een webpagina of interactie een belemmering oplevert.

Een WCAG-onderzoek is daarmee niet hetzelfde als een volledige juridische beoordeling. De norm is breder dan alleen webpagina’s. Welke verplichtingen voor jouw onderneming gelden, vraagt bovendien om een beoordeling van je eigen situatie. Een technisch auditrapport geeft inzicht in toegankelijkheidsproblemen, maar garandeert geen juridische uitkomst.

De vier principes, met voorbeelden uit een webshop

Waarneembaar: informatie moet beschikbaar zijn voor verschillende zintuigen

Een bezoeker moet informatie kunnen waarnemen, ook wanneer die niet kan zien of horen wat andere bezoekers zien of horen. Daarom mag belangrijke informatie niet uitsluitend in een afbeelding, geluid of kleur zitten.

Denk aan een webshop die niet-beschikbare maten alleen lichtgrijs weergeeft. Dat onderscheid kan moeilijk zichtbaar zijn. Een duidelijke aanduiding zoals ‘niet beschikbaar’ maakt de betekenis ook zonder kleurverschil begrijpelijk.

• Geef informatieve afbeeldingen een tekstalternatief dat hun relevante inhoud of functie beschrijft.
• Zorg voor voldoende contrast tussen tekst en achtergrond.
• Maak gesproken informatie in video ook via ondertiteling beschikbaar.
• Zorg dat tekstvergroting niet leidt tot onleesbare of verdwenen inhoud.

Een tekstalternatief is geen plek om zoekwoorden te verzamelen. Beschrijf wat iemand nodig heeft om de afbeelding in deze context te begrijpen. Een decoratieve afbeelding vraagt om een andere aanpak dan een productfoto die een belangrijk detail toont.

Bedienbaar: een muis mag geen voorwaarde zijn

Bezoekers moeten de interface kunnen bedienen met verschillende invoermethoden. Toetsenbordbediening is daarbij een belangrijke controle. Kun je een productfilter openen, opties selecteren en het filter weer sluiten zonder een muis aan te raken?

Ook moet zichtbaar zijn welk onderdeel de toetsenbordfocus heeft. Zonder die markering kan iemand wel door een pagina bewegen, maar niet zien waar die zich bevindt.

• Maak links, knoppen en formuliervelden bereikbaar met het toetsenbord.
• Houd de volgorde waarin de focus beweegt logisch.
• Voorkom dat iemand vastloopt in een menu, pop-up of ander onderdeel.
• Geef pagina’s en links beschrijvende namen, zodat navigeren makkelijker wordt.

Een praktisch testmoment is het sluiten van een productvenster. Komt de focus daarna terug op een logische plek, of moet de bezoeker opnieuw door de hele pagina navigeren?

Begrijpelijk: laat bezoekers niet raden

Een begrijpelijke website gebruikt duidelijke taal en voorspelbare bediening. Dat gaat verder dan korte teksten. Ook labels, instructies en foutmeldingen moeten duidelijk maken wat er wordt verwacht.

Stel dat iemand een postcode verkeerd invoert. Alleen ‘ongeldige invoer’ bovenaan het formulier helpt weinig. Benoem welk veld een probleem heeft en leg uit hoe de bezoeker het kan oplossen. Zorg bovendien dat de foutmelding verbonden is met het betreffende veld.

Gebruik herkenbare benamingen consequent. Als de ene knop ‘Verder’ heet en een vergelijkbare knop elders een onduidelijk pictogram heeft, moet iemand telkens opnieuw uitzoeken hoe de interface werkt. Voorspelbaarheid vermindert die inspanning.

Robuust: de techniek moet de betekenis doorgeven

Robuuste webinhoud kan goed worden geïnterpreteerd door browsers en hulptechnologie, zoals schermlezers. Daarvoor is het belangrijk dat de technische opbouw overeenkomt met wat een onderdeel doet.

Een visueel opvallend vlak met ‘Bestellen’ erop is technisch niet vanzelf een knop. Het moet ook als knop herkenbaar en bedienbaar zijn. Hetzelfde geldt voor een uitklapmenu: hulptechnologie moet kunnen doorgeven of het geopend of gesloten is.

Gebruik daarom passende HTML-elementen en zorg dat interactieve onderdelen een duidelijke naam, rol en toestand hebben. Een correcte technische basis voorkomt dat bezoekers moeten raden naar de functie van een onderdeel.

Wat dekt niveau AA precies?

WCAG kent de niveaus A, AA en AAA. Niveau AA omvat de succescriteria van zowel A als AA. Het is dus niet voldoende om alleen naar de criteria te kijken die specifiek het label AA dragen. AAA bevat aanvullende criteria en valt niet binnen een beoordeling op niveau AA.

AA is ook geen gemiddelde score. Goede alternatieve teksten compenseren bijvoorbeeld geen checkout die niet met een toetsenbord te bedienen is. Elk toepasselijk criterium moet afzonderlijk worden beoordeeld.

Daarbij telt de volledige gebruikersroute. Een toegankelijke homepage zegt weinig over een ontoegankelijk adresformulier verderop. Ook verschillende toestanden verdienen aandacht: een leeg winkelmandje, een foutmelding of een geopend dialoogvenster kan andere problemen laten zien dan de standaardweergave.

Van WCAG audit naar concrete verbeteringen

Een bruikbare WCAG audit combineert technische controles met handmatige beoordeling. Automatische hulpmiddelen kunnen bepaalde fouten opsporen, maar beoordelen niet zelfstandig of een tekstalternatief zinvol is of een bestelproces logisch werkt.

1. Breng belangrijke routes in kaart. Denk aan zoeken, productkeuze, bestellen en contact opnemen.
2. Selecteer verschillende pagina’s en toestanden. Neem ook formulieren, foutmeldingen en interactieve onderdelen mee.
3. Leg bevindingen reproduceerbaar vast. Beschrijf waar het probleem zit, wie erdoor wordt belemmerd en hoe je het kunt terugvinden.
4. Herstel en controleer opnieuw. Test of de oplossing werkt en geen nieuwe belemmeringen veroorzaakt.

Professionele auditdiensten zoals geta11y kunnen helpen om problemen gestructureerd in kaart te brengen. Let bij ieder onderzoek op de reikwijdte: welke pagina’s, criteria en processen zijn daadwerkelijk onderzocht?

Zie WCAG 2.1 AA uiteindelijk als een praktisch toetsingskader, niet als een los keurmerk. Door toegankelijkheid mee te nemen bij nieuwe content, ontwerpwijzigingen en technische updates, voorkom je dat opgeloste problemen ongemerkt terugkeren.