Accessibility Checker voor je website
Toegankelijkheid automatisch gecontroleerd volgens WCAG 2.1 en de European Accessibility Act
Wat controleert de toegankelijkheidscheck?
Kleurcontrast van tekst en achtergrond tegen de WCAG-minimumwaarden
Alternatieve tekst voor afbeeldingen, illustraties en gelinkte elementen
Formulierlabels en herkenbare linkteksten
Paginastructuur: koppenhiërarchie, landmarks en taalaanduiding
ARIA-attributen op geldigheid en correct gebruik
WCAG-niveau A en AA apart weergegeven, met een ernstgraad per fout
Zo werkt de toegankelijkheidscheck
In 4 stappen naar een overzicht van de drempels op je pagina
-
1 Stap 1
Voer de URL in
Geef het adres op van de pagina die je wilt controleren. Precies deze ene pagina wordt geanalyseerd.
-
2 Stap 2
De pagina volledig laden
De pagina wordt geopend in een echte browser, inclusief JavaScript – zo wordt ook gecontroleerd wat pas achteraf in de pagina-inhoud verschijnt.
-
3 Stap 3
Testen volgens WCAG-regels
axe-core controleert de definitieve pagina-inhoud tegen de regelsets voor WCAG 2.0 en 2.1 op de niveaus A en AA, en tegen gevestigde best practices.
-
4 Stap 4
Fouten op ernstgraad afwerken
Je krijgt elke fout met ernstgraad, het betrokken element en de CSS-selector, plus een link naar de uitleg van de betreffende regel.
Typische drempels die de test vindt
Acht van de meest voorkomende fouten en het bijbehorende WCAG-succescriterium
-
Te laag kleurcontrast
WCAG 1.4.3 (AA)Tekst steekt te zwak af tegen de achtergrond. Dit treft bijzonder vaak lichte grijstinten, gekleurde knoppen en tekst over afbeeldingen.
-
Afbeelding zonder alternatieve tekst
WCAG 1.1.1 (A)Informatieve afbeeldingen hebben een
alt-attribuut nodig dat hun inhoud beschrijft. Puur decoratieve afbeeldingen krijgen een leegalt="", zodat schermlezers ze overslaan. -
Link zonder herkenbare tekst
WCAG 4.1.2 (A)Links die alleen een icoon of een afbeelding bevatten, worden zonder toegankelijke naam voorgelezen. De gebruiker hoort dat er een link is, maar niet waarheen die leidt.
-
Formulierveld zonder label
WCAG 4.1.2 (A)Een invoerveld heeft een gekoppeld
labelnodig. Een placeholdertekst volstaat niet – die verdwijnt zodra je typt en wordt niet betrouwbaar voorgelezen. -
Ontbrekende taalaanduiding
WCAG 3.1.1 (A)Zonder
lang-attribuut op hethtml-element weet de schermlezer niet in welke taal hij moet voorlezen. Nederlandse tekst met Engelse uitspraak is praktisch onverstaanbaar. -
Inhoud buiten landmarks
Best PracticeGebieden zoals
header,nav,mainenfootermaken het mogelijk om direct naar het gewenste deel van de pagina te springen. Ontbreken ze, dan rest alleen het beluisteren van de hele pagina. -
Overgeslagen koppenniveau
Best PracticeKoppen moeten op elkaar voortbouwen, dus van h2 naar h3 en niet meteen naar h4. Schermlezergebruikers navigeren via deze structuur als via een inhoudsopgave.
-
Ongeldig ARIA-attribuut
WCAG 4.1.2 (A)ARIA-attributen met een verkeerde waarde of een ongeschikte rol richten meer schade aan dan helemaal geen. De schermlezer geeft dan informatie door die niet klopt.
De vier ernstgraden
Elke gevonden fout wordt ingedeeld – zo weet je waarmee je begint
-
Kritiek
Blokkeert het gebruik volledig. Betrokkenen kunnen de inhoud of de functie überhaupt niet bereiken.
-
Ernstig
Bemoeilijkt het gebruik aanzienlijk. De inhoud is theoretisch bereikbaar, praktisch alleen met veel moeite.
-
Gemiddeld
Belemmert de bediening merkbaar zonder die te verhinderen. Typisch structuur- en navigatieproblemen.
-
Gering
Kleinere afwijkingen die het comfort verminderen. Ze moeten worden verholpen, maar hebben de laagste prioriteit.
European Accessibility Act en nationale omzetting
De European Accessibility Act verplicht talrijke digitale diensten voor consumenten om toegankelijk te zijn, en elke EU-lidstaat heeft de richtlijn omgezet in nationaal recht – in Nederland via de Implementatiewet toegankelijkheidsvoorschriften producten en diensten, die vanaf 28 juni 2025 geldt. Het toepassingsgebied omvat webshops, bankdiensten, telecommunicatie, personenvervoer en e-books en hun distributieplatforms. Bepalend is niet de bedrijfsgrootte alleen, maar of je consumenten elektronisch diensten aanbiedt.
De technische maatstaf is de geharmoniseerde norm EN 301 549, die voor webinhoud in de kern verwijst naar WCAG 2.1 op conformiteitsniveau AA. Precies dat niveau dekt de toegankelijkheidscheck af: alle regels voor WCAG 2.0 en 2.1 op de niveaus A en AA worden gecontroleerd en apart weergegeven.
Nationale markttoezichthouders kunnen tekortkomingen ambtshalve of na een klacht vervolgen. De concrete gevolgen volgen uit de betreffende nationale wet en kunnen variëren van een bevel tot herstel tot sancties bij aanhoudende overtredingen. Daar komt het commerciële risico bij: wie een deel van zijn klantenkring technisch buitensluit, verliest omzet – los van welke toezichthouder dan ook.
Wat een geautomatiseerde test kan – en wat niet
Geautomatiseerde controles herkennen betrouwbaar een deel van de WCAG-criteria, doorgaans ongeveer een derde. Veel is technisch niet meetbaar: of een alternatieve tekst de inhoud van de afbeelding werkelijk beschrijft, of de toetsenbordbediening in een zinvolle volgorde verloopt, of dat de taal begrijpelijk is geformuleerd. Deze test controleert bovendien de opgevraagde pagina, niet de hele website. Hij is daarmee een betrouwbaar startpunt en een goede basis voor prioritering – een juridisch waterdichte conformiteitsbeoordeling vervangt hij niet. Betrek daarvoor aanvullend een vakinhoudelijke beoordeling en tests met mensen met een beperking.
Echte drempels vinden met de toegankelijkheidscheck
Drempels zijn zelden zichtbaar als je er zelf geen hebt. Een contrastverhouding van 3:1 oogt op een goede monitor volkomen leesbaar en is voor mensen met een visuele beperking toch onvoldoende. Een knop zonder label wordt door de schermlezer voorgelezen als „knop“ – zonder enige aanwijzing wat hij doet. InspectWP controleert de opgevraagde pagina met axe-core, de testbibliotheek van Deque Systems die ook in de ontwikkelaarstools van Chrome en Firefox zit. Je krijgt elke gevonden fout met ernstgraad, het betrokken HTML-element en de CSS-selector – precies de informatie die je ontwikkelaars nodig hebben om hem te verhelpen.
WCAG-niveau A en AA apart beoordeeld
De Web Content Accessibility Guidelines kennen drie conformiteitsniveaus. Niveau A is de minimumeis: wordt die niet gehaald, dan is centrale inhoud voor sommige gebruikers eenvoudigweg niet toegankelijk. Niveau AA is het niveau waarnaar wetgevers in de EU en daarbuiten verwijzen – ook de European Accessibility Act en de nationale omzettingen daarvan. InspectWP geeft fouten tegen beide niveaus apart weer, zodat je een betrouwbare volgorde hebt: eerst de niveau-A-fouten oplossen, daarna niveau AA. Daarnaast controleert de test best-practiceregels die weliswaar geen onderdeel van de WCAG zijn, maar in de praktijk vaak bepalen of een pagina echt bruikbaar is.
Duizenden website-eigenaren vertrouwen op InspectWP
De cijfers spreken voor zich
Veelgestelde vragen over de toegankelijkheidscheck
Alles wat je moet weten over de WCAG- en toegankelijkheidstest
Meer handige checks
Deze tools dekken verwante onderwerpen