Op deze pagina
Is je website toegankelijk volgens de wet?
Toegankelijkheid van een website testen begint met wat een machine kan meten: hebben beelden een alt-tekst, hebben formuliervelden een label, hebben links en knoppen een naam, staan de koppen op volgorde, kan je inzoomen op een gsm, staat de taal van de pagina ingesteld. De test leest je pagina en geeft het aantal fouten, de drie zwaarste eerst, elk met het WCAG-criterium dat de Europese norm EN 301 549 overneemt. Daaronder test je het contrast van je kleuren, de fout die het vaakst voorkomt.
Een machine meet maar een deel. In de grootste vergelijkende studie vond de beste tool 41 procent van de barrières op een testpagina, alle tools samen 71 procent. Of een alt-tekst het beeld goed beschrijft, of je site werkt met alleen een toetsenbord, of een foutmelding duidelijk is: dat vraagt een mens. De test zegt eerlijk wat hij niet kan zien.
Waar de fouten meestal zitten
- 1Laag contrast1.4.383,9%
- 2Beeld zonder alt-tekst1.1.153,1%
- 3Veld zonder label1.3.151,0%
- 4Link zonder naam2.4.446,3%
- 5Knop zonder naam4.1.230,6%
- 6Taal niet ingesteld3.1.113,5%
Aandeel van de miljoen meest bezochte homepages met die fout, WebAIM februari 2026. Bij 95,9 procent zat minstens een fout. De test hierboven meet punt 2 tot 6; contrast meet je met de kleurcheck.
Wat de Europese en Belgische regels vragen
De European Accessibility Act geldt sinds 28 juni 2025. Voor een website gaat het vooral om e-handel: wie online verkoopt aan consumenten, moet zorgen dat iemand met een beperking zelfstandig een product kan kiezen, bestellen, betalen en terugsturen. In België staat de regel in het Wetboek van economisch recht, via de wet van 5 november 2023, en controleert de Economische Inspectie van de FOD Economie. Een micro-onderneming krijgt in België tot 28 juni 2030, maar is niet vrijgesteld. Of jouw site eronder valt, lees je in toegankelijkheid website verplicht; de hele wet staat in de gids over de European Accessibility Act.
De wet legt geen checklist op. In de praktijk toetst iedereen aan WCAG 2.1 niveau AA, de lat die EN 301 549 voor websites gebruikt. Een nieuwe versie van die norm, met WCAG 2.2, is gepubliceerd maar nog niet officieel van kracht. Hoe webshops het een jaar na de start doen, staat in toegankelijkheid van webshops, een jaar later.
Wat de test meet, per WCAG-criterium
Elke fout met het criterium uit WCAG 2.1 en wat een bezoeker merkt als ze er staat.
- Beeld zonder alt-tekst
- WCAG en niveau1.1.1, A
- Wat een bezoeker merkteen schermlezer leest de bestandsnaam voor
- Veld zonder label
- WCAG en niveau1.3.1 en 4.1.2, A
- Wat een bezoeker merktwie niet ziet, weet niet wat hij moet invullen
- Link of knop zonder naam
- WCAG en niveau2.4.4 en 4.1.2, A
- Wat een bezoeker merkteen icoon zonder uitleg, voorgelezen als link of knop
- Pagina zonder taal
- WCAG en niveau3.1.1, A
- Wat een bezoeker merkteen Nederlandse tekst voorgelezen met Engelse uitspraak
- Koppen die een niveau overslaan
- WCAG en niveau1.3.1, A
- Wat een bezoeker merktwie van kop naar kop springt, mist de opbouw
- Zoomen uitgezet
- WCAG en niveau1.4.4, AA
- Wat een bezoeker merktwie slecht ziet, kan de tekst op een gsm niet vergroten
- Kaart of video zonder titel
- WCAG en niveau4.1.2, A
- Wat een bezoeker merkteen kader zonder uitleg in de schermlezer
- Te weinig contrast
- WCAG en niveau1.4.3, AA
- Wat een bezoeker merktlichtgrijze tekst die buiten of op een oude gsm onleesbaar is
Bijna al deze fouten zijn in een middag weg: een alt-tekst, een label, een naam op een knop. Ze staan op bijna elke site omdat niemand ze nakeek.
Contrast: de fout die het vaakst voorkomt
Bij 83,9 procent van de miljoen meest bezochte homepages is het contrast tussen tekst en achtergrond te laag. WCAG vraagt 4,5 tegen 1 voor gewone tekst, 3 tegen 1 voor grote tekst van 18 punt of 14 punt vet, en 3 tegen 1 voor knoppen en iconen. Vul in de kleurcheck je tekstkleur en je achtergrond in en je ziet de verhouding meteen.
| Wat | Niveau AA | Niveau AAA |
|---|---|---|
| Gewone tekst | 4,5 : 1 | 7 : 1 |
| Grote tekst, 18 punt of 14 punt vet | 3 : 1 | 4,5 : 1 |
| Knoppen, iconen en randen van velden | 3 : 1 | geen eis |
Een merkkleur die als vlak mooi is, slaagt vaak niet als kleine tekst: het lichtblauw van deze site haalt op wit geen 4,5, daarom staat tekst bij ons in navy en zijn knoppen wit op een donkerder blauw.
Alt-tekst die iets zegt
Een alt-tekst beschrijft wat het beeld toont voor wie het niet ziet. Een productfoto krijgt de naam en wat opvalt, een grafiek wat ze laat zien, een decoratief beeld een lege alt, zodat een schermlezer het overslaat. "Afbeelding" of de bestandsnaam is geen alt-tekst. Hoe je ze schrijft, ook voor Google, staat in alt-tekst.
Zo test je wat een machine niet ziet
- Alleen met het toetsenbordLeg je muis weg en ga met Tab door je pagina. Zie je altijd waar je bent? Kan je het menu openen, een product kiezen en het formulier versturen?
- Met een schermlezerZet VoiceOver aan op een Mac of iPhone, of NVDA op Windows. Luister naar je homepage: hoor je wat elke link en knop doet?
- Ingezoomd tot 200 procentZoom in tot 200 procent op een computer. Blijft alles leesbaar zonder dat je zijwaarts moet scrollen?
- Je foutmeldingenVerstuur je formulier met een fout. Zegt de melding wat er mis is en waar, in tekst en niet alleen in rood?
Een toegankelijke website in vijf antwoorden
Hoe test ik of mijn website toegankelijk is?
Begin met de test op deze pagina: hij meet wat een machine van WCAG kan meten. Test daarna met alleen het toetsenbord, met een schermlezer en ingezoomd tot 200 procent, want ongeveer de helft van WCAG vraagt een mens.
Wat is de WCAG-contrasteis?
4,5 tegen 1 voor gewone tekst, 3 tegen 1 voor grote tekst en voor knoppen en iconen, op niveau AA. Op niveau AAA is het 7 tegen 1 voor gewone tekst.
Moet mijn website voldoen aan de toegankelijkheidswet?
Verkoop je online aan consumenten, dan valt je webshop sinds 28 juni 2025 onder de European Accessibility Act. In België krijgt een micro-onderneming tot 28 juni 2030. Een site die alleen informeert, valt er meestal niet onder.
Helpt een toegankelijkheidsplugin of overlay?
Zelden. Een overlay legt een laag over je site, maar herstelt de fouten in de code niet. Schermlezers lezen de code, dus de fouten blijven. Herstel ze in de site zelf.
Welke norm geldt voor toegankelijke websites in Europa?
EN 301 549, die voor websites WCAG 2.1 niveau AA overneemt. Een nieuwere versie met WCAG 2.2 is gepubliceerd maar nog niet officieel van kracht.