Woordenlijst toegankelijkheid
WCAG-criteria, patronen en normen — met interactieve demo’s, detectiemethoden en auditgegevens.
Nieuw met toegankelijkheid? Begin hier. De basisbegrippen die in de praktijk de meeste drempels veroorzaken — de beste eerste kennismaking.
Alternatieve tekst
54% failElke betekenisvolle afbeelding heeft een tekstalternatief nodig dat het doel beschrijft — niet het uiterlijk. Decoratieve afbeeldingen krijgen alt="". 54% van de homepagina's heeft afbeeldingen zonder alt-tekst.
Dialoog / modal
65% failFocusvasthouding binnenin, Escape om te sluiten, focus keert terug naar trigger bij sluiting. Gebruik <dialog> of role="dialog" + aria-modal="true". Een van de meest kapotte patronen.
Documenttaal
16% failElke pagina heeft lang="xx" nodig op het <html>-element. Schermlezers gebruiken dit om van uitspraakengine te wisselen. Ontbreekt op 16% van de homepagina's. Eenregelige fix met enorme impact.
Focusbeheer
65% failBij dynamische wijzigingen (modals openen/sluiten, items verwijderen, AJAX-laden) moet de focus programmatisch naar een logische locatie worden verplaatst. Eén van de meest over het hoofd geziene patronen.
Focus niet verborgen
Wanneer een element toetsenbordfocus ontvangt, mag het niet volledig verborgen worden door sticky headers, cookiebanners, chatwidgets of overlays. Het meest gefaalde nieuwe WCAG 2.2-criterium.
Focus zichtbaar
68% failAlle interactieve elementen moeten een zichtbare focusindicator hebben bij toetsenbordnavigatie. Faalt op 68% van de homepagina's. Gebruik :focus-visible voor indicatoren die alleen bij toetsenbordgebruik verschijnen.
Formulierlabel
49% failElk invoerveld heeft een zichtbaar, programmatisch gekoppeld label nodig. Placeholder-tekst is geen label. Ontbrekende formulierlabels treffen 49% van de homepagina's — de op één na meest voorkomende WCAG-fout na contrast.
Foutidentificatie
62% failFouten moeten in tekst worden beschreven (niet alleen kleur), bij het veld worden geplaatst, en via aria-describedby + role="alert" worden aangekondigd. Specifiek en actiegericht: "Voer een geldig e-mailadres in" niet alleen "Ongeldige invoer".
In-Scope Services (EAA)
The EAA covers a defined list of consumer services: e-commerce (B2C); banking services for consumers; e-books and dedicated software; electronic communications services; access to audiovisual media services; passenger transport (web, apps, e-ticketing, terminals); and emergency communications to 112. Other digital services are outside the directive's scope.
Info & relaties
60% failInformatie, structuur en relaties die visueel worden overgebracht moeten programmatisch bepaalbaar zijn. Visuele koppen moeten echte heading-elementen zijn. Visuele lijsten moeten ul/ol gebruiken.
Kleurcontrast
84% failTekst moet een contrastverhouding van minimaal 4,5:1 hebben ten opzichte van de achtergrond (3:1 voor grote tekst ≥18pt/14pt vet). De meest voorkomende WCAG-fout — gevonden op 84% van de homepagina's in de WebAIM Million 2026.
Naam, rol, waarde
Alle interactieve componenten moeten hun naam (wat het heet), rol (wat het is) en status (in welke toestand het is) blootstellen aan hulptechnologie. De basis van compatibiliteit met hulptechnologie.
Toegankelijke naam
Elk interactief element heeft een berekende toegankelijke naam nodig. Bronnen (in prioriteit): aria-labelledby → aria-label → <label> → tekstinhoud → title. Lege naam = onzichtbaar voor hulptechnologie.
Toetsenbordtoegankelijk
78% failAlle functionaliteit moet bereikbaar en bedienbaar zijn via het toetsenbord. 78% van de homepagina's heeft toetsenbordtoegankelijkheidsproblemen. Als het niet werkt met een toetsenbord, werkt het niet voor een groot deel van je publiek.
WCAG Niveau AA
Niveau AA is de juridische standaard wereldwijd. Het omvat 56 criteria in totaal (32 van Niveau A + 24 Niveau AA) en wordt verwezen door de ADA, Europese Toegankelijkheidswet, Section 508, EN 301 549 en vrijwel elke nationale toegankelijkheidswet.