Woordenlijst toegankelijkheid
WCAG-criteria, patronen en normen — met interactieve demo’s, detectiemethoden en auditgegevens.
WCAG principle 2 of 4 (POUR): every control and feature must work by keyboard, switch, voice, and other input methods — not just a mouse.
Beschrijvende paginatitel
Elke pagina heeft een unieke, beschrijvende <title> nodig. Schermlezersgebruikers horen dit als eerste. Patroon: "Paginanaam — Sectie — Sitenaam". Helpt alle gebruikers met tabbladen en geschiedenis.
Beweging & animatie
Bied een manier om niet-essentiële beweging uit te schakelen. Respecteer prefers-reduced-motion. Parallax-scrolling, auto-play video en geanimeerde achtergronden veroorzaken vestibulaire aandoeningen bij ~35% van volwassenen.
Doelgrootte
Interactieve doelen moeten minimaal 24×24 CSS-pixels zijn (Niveau AA, nieuw in WCAG 2.2). 44×44px is de beste praktijk. Uitzonderingen: inline links in tekst, items met een alternatief doelwit.
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.
Focusvolgorde
De tabvolgorde moet logisch en voorspelbaar zijn en de visuele lay-out volgen. Gebruik geen positieve tabindex-waarden. Bronvolgorde moet overeenkomen met visuele volgorde.
Focusweergave
Focusindicatoren moeten minimaal 2px dik zijn rondom de omtrek met 3:1 contrast tussen gefocuste en ongefocuste staten. Niveau AAA in WCAG 2.2. Het criterium dat eindelijk kwantitatief definieert wat 'zichtbaar' betekent.
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.
Linkdoel
47% failLinktekst moet het doel beschrijven, niet "klik hier" of "lees meer". Lege links (links zonder tekst) treffen 47% van de homepagina's. Schermlezergebruikers navigeren vaak via een linkenlijst — "klik hier" zegt niets.
Pointer Gestures
Anything that uses a complex gesture — pinch-to-zoom, swipe along a path, two-finger rotate — must also work with a single tap or click. Maps, sliders, and carousels are common offenders. Affects people who can't make precise movements.
Seizure Safety
Nothing on the page may flash more than three times in any one second — fast flashing can trigger seizures in people with photosensitive epilepsy. Avoid strobing animation, flashing ads, and rapid red flashes. When in doubt, don't flash.
Skiplink
Een link "Ga naar hoofdinhoud" als eerste focusbaar element op de pagina. Laat toetsenbordgebruikers herhalende navigatie overslaan. Vereist door WCAG 2.4.1. Moet zichtbaar worden bij focus.
Sleepbewegingen
Elke sleepbewerking moet een niet-slepalternatief hebben (knoppen, formulierbesturingselementen). Nieuw in WCAG 2.2. Treft gebruikers die geen precieze aanwijzerbewegingen kunnen uitvoeren.
Timing aanpasbaar
Als er een tijdslimiet is, moeten gebruikers deze kunnen uitschakelen, aanpassen of verlengen. Sessie-timeouts moeten 20+ seconden waarschuwen. Uitzonderingen: real-time evenementen, essentiële tijdslimieten.
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.