Niveau A, AA en AAA
Niveau A, AA en AAA komt uit de Web Content Accessibility Guidelines (WCAG). Dat zijn de internationale richtlijnen die bepalen hoe toegankelijk een website of app is.
Er zijn 3 niveaus:
- Niveau A (basis)
- Niveau AA (uitgebreid)
- Niveau AAA (hoogst mogelijke, niet verplicht)
Niveau A (minimumniveau)
Eisen die absoluut noodzakelijk zijn zodat mensen met een beperking de website of app überhaupt kunnen gebruiken.
Een paar voorbeelden:
- Afbeeldingen moeten een alt-tekst hebben.
- Content moet bedienbaar zijn met een toetsenbord. Dus je moet kunnen navigeren en klikken zonder muis.
- Geen content die volledig afhankelijk is van kleur. Dus kleurcontrast mag niet de enige manier zijn om info over te brengen.
- Ondertiteling bij video
Niveau AA (uitgebreider)
Bouwt verder op niveau A, met extra eisen die zorgen dat de website praktisch bruikbaar en begrijpelijk is voor meer mensen.
Een paar voorbeelden:
- Voldoende kleurcontrast (minimaal 4,5:1 voor gewone tekst)
- Tekst moet schaalbaar zijn tot 200% zonder verlies van inhoud of functionaliteit
- Duidelijke navigatie en consistente menustructuur
- Ondertiteling en audiodescriptie bij video’s.
- Labels en foutmeldingen bij formulieren (zodat je weet wat misgaat als je iets verkeerd invult).
Niveau AAA
Dit niveau is het meest toegankelijke, maar wordt zelden verplicht, omdat dit in de praktijk vaak moeilijk haalbaar is (bijvoorbeeld gebarentaalvideo’s bij alle video’s).
De 4 basisprincipes van digitale toegankelijkheid
(waarneembaar, bedienbaar, begrijpelijk en robuust)
Digitale producten en diensten zoals websites, apps, e-books, ticketautomaten, webshops, geldautomaten en communicatiediensten moeten voldoen aan WCAG 2.1 niveau A en AA.
Binnen de WCAG is een handige indeling gemaakt op basis van de 4 basisprincipes van toegankelijkheid.
Waarneembaar: denk aan alt-tekst bij afbeeldingen, ondertiteling bij video’s, voldoende contrast en schaalbare tekst.
Bedienbaar: navigatie alleen via toetsenbord moet mogelijk zijn, en gebruikers moeten voldoende tijd hebben om content te verwerken.
Begrijpelijk: heldere taal, consistente navigatie en duidelijke feedback bij fouten.
Robuust: correcte technische code en compatibiliteit met hulptechnologieën zoals schermlezer
Hoe kun je meten of je website voldoet aan niveau A en/of niveau AA van digitale toegankelijkheid
Vaak wordt gedacht dat je veel van techniek moet weten om je website toegankelijk te maken. Ja, het is handig als je html en css kent en wat meer weet over formulieren of verschillende screenreaders maar noodzakelijk is het niet.
Begin gewoon met de 4 basisprincipes en kijk per niveau waar ze aan moeten voldoen. Of je neemt Niveau A als uitgangspunt en zorg stap voor stap dat je daar aan voldoet. Gebruik de handige tools voor niet-techneuten en je komt al een heel eind.
Tabel met WCAG 2.1 Eisen per niveau
Principe | Niveau A (basis) | Niveau AA (extra) | Niveau AAA (hoogste) |
Waarneembaar | • Alt-teksten bij afbeeldingen | • Contrast ≥ 4,5:1 | • Contrast ≥ 7:1 |
Bedienbaar | • Alles met toetsenbord bedienbaar | • Consistente navigatie | • Geen tijdslimieten |
Begrijpelijk | • Labels bij formuliervelden | • Consistente navigatie en functies | • Tekst op eenvoudig niveau (B1) of alternatief |
Robuust | • Correcte code | • (Geen extra t.o.v. A, maar betere semantiek aanbevolen) | • (Geen extra t.o.v. AA, maar optimale compatibiliteit vereist) |