Woordenlijst toegankelijkheid

Elke pagina heeft een unieke, beschrijvende <title> nodig. Schermlezersgebruikers horen dit als eerste. Patroon: "Paginanaam — Sectie — Sitenaam". Helpt alle gebruikers met tabbladen en geschiedenis.

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.

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.

Bij 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.

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.

De tabvolgorde moet logisch en voorspelbaar zijn en de visuele lay-out volgen. Gebruik geen positieve tabindex-waarden. Bronvolgorde moet overeenkomen met visuele volgorde.

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.

Alle 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.

Linktekst 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.

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.

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.

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.

Elke sleepbewerking moet een niet-slepalternatief hebben (knoppen, formulierbesturingselementen). Nieuw in WCAG 2.2. Treft gebruikers die geen precieze aanwijzerbewegingen kunnen uitvoeren.

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.

Alle 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.