WCAG staat voor Web Content Accessibility Guidelines. Het is de internationale standaard die beschrijft hoe je digitale content toegankelijk maakt voor mensen met een beperking.
Wie maakt WCAG?
WCAG wordt ontwikkeld door het W3C (World Wide Web Consortium), dezelfde organisatie die HTML- en CSS-standaarden beheert. Het is geen wet, maar een technische richtlijn. Wetgeving wereldwijd verwijst er wel naar.
Hoe is WCAG opgebouwd?
WCAG is opgebouwd rond vier principes. Je content moet:
- Waarneembaar zijn: bezoekers moeten informatie kunnen zien of horen
- Bedienbaar zijn: bezoekers moeten de interface kunnen gebruiken
- Begrijpelijk zijn: bezoekers moeten snappen hoe het werkt
- Robuust zijn: het moet werken met hulptechnologieën zoals schermlezers
Onder deze vier principes vallen richtlijnen, en daaronder zitten succescriteria: concrete, testbare eisen. In WCAG 2.1 zijn dat er 78, in WCAG 2.2 zijn het er 86.
Wat zijn de niveaus?
WCAG heeft drie conformiteitsniveaus:
- Niveau A: het absolute minimum. Als je hier niet aan voldoet, is je website voor sommige mensen simpelweg niet te gebruiken.
- Niveau AA: de standaard waar wetgeving naar verwijst. Dit is wat je moet halen.
- Niveau AAA: het hoogste niveau. Niet realistisch als doel voor een hele website, maar handig als richtlijn voor specifieke onderdelen.
In de praktijk audit je bijna altijd op WCAG 2.2 niveau AA.
Hoe ziet zo’n probleem er in de praktijk uit?
Een scan kan bijvoorbeeld signaleren dat een knop geen toegankelijke naam heeft. Dat vertelt je nog niet waarom het probleem ertoe doet, hoe iemand het ervaart of hoe je het veilig oplost. Een goede bevinding bevat daarom altijd de gebruikersimpact, een reproduceerstap en een concrete oplossing voor het developmentteam.
Voorbeeldbevinding: de koppenstructuur klopt niet
#3 – De koppenstructuur klopt niet
Matig
Op deze pagina volgt een kop van niveau 2 direct op een andere kop van niveau 2: “Bouw mee aan jouw talent” en “Zijn dit jouw nieuwe collega’s?”. Koppen horen een logische volgorde te hebben. Een kop wordt niet direct gevolgd door een kop van hetzelfde of een hoger niveau zonder dat er inhoud tussen staat.
User story
Ik lees de website met een schermlezer. Als ik door de koppen navigeer, staan er twee koppen van hetzelfde niveau direct achter elkaar. Ik denk dan dat er inhoud ontbreekt. Ik verwacht dat elke kop een eigen stuk inhoud inleidt.
Hoe te testen
- Open de WCAG Radar en bekijk het niveau van elke kop.
- Controleer of koppen van hetzelfde niveau direct achter elkaar staan zonder inhoud ertussen.
- Controleer met een schermlezer of de koppen logisch worden aangekondigd.
Oplossing
Haal het kopelement weg bij de tekst “Bouw mee aan jouw talent” als die tekst geen eigen inhoud inleidt. Geef de tekst met CSS het uiterlijk van een kop, als dat visueel nodig is.
Welke versie geldt er?
De Nederlandse wetgeving verwijst via EN 301 549 V3.2.1 naar WCAG 2.1. De nieuwste versie is WCAG 2.2, gepubliceerd in oktober 2023. WCAG 2.2 is volledig backwards compatible: alles uit 2.1 zit er nog in, plus negen nieuwe criteria.
Wij auditen standaard op WCAG 2.2, tenzij een opdrachtgever expliciet om 2.1 vraagt.
Wat betekent dit voor jou?
Als je een website hebt die onder de EAA of het BDTO valt, moet je voldoen aan de eisen die via EN 301 549 gelden. Die norm verwijst naar WCAG 2.1 niveau A en AA. Wij toetsen standaard aan WCAG 2.2, zodat je ook de aanvullende criteria meeneemt. Een audit is geen wettelijke eis voor iedere EAA-dienst, maar wel de praktische manier om te weten waar je staat en je verbeteringen te onderbouwen. Welke wet voor je geldt en waar WCAG in dat geheel past, staat op digitale toegankelijkheid.
Het klinkt misschien overweldigend, 55 criteria op A en AA, maar in de praktijk komen dezelfde problemen steeds terug. Ontbrekende alt-teksten, te laag contrast, formulieren zonder labels, focusindicators die zijn uitgeschakeld. De meeste websites hebben vijf tot tien terugkerende patronen die 80% van de issues veroorzaken.
Wil je weten welke patronen op jouw website spelen? Vraag een mini-audit aan (495 euro exclusief btw) en je krijgt een helder overzicht.
