Woordenlijst toegankelijkheid

Gebruik geen afbeeldingen om tekst weer te geven, tenzij essentieel (logo's). Afbeeldingen van tekst kunnen niet worden vergroot, herschaald of aangepast door gebruikers. Gebruik echte tekst met CSS-opmaak.

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

Video's moeten belangrijke visuele inhoud beschrijven in het audiospoor voor blinde gebruikers. Vereist wanneer dialoog alleen niet overbrengt wat er op het scherm gebeurt.

Kleur mag niet het enige visuele middel zijn om informatie over te brengen. Voeg iconen, patronen, onderstrepingen of tekstlabels toe naast kleurcodering. Treft 300 miljoen mensen met kleurenblindheid.

Informatie, structuur en relaties die visueel worden overgebracht moeten programmatisch bepaalbaar zijn. Visuele koppen moeten echte heading-elementen zijn. Visuele lijsten moeten ul/ol gebruiken.

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

Koppen (H1–H6) moeten een logische hiërarchie vormen. Sla geen niveaus over. Gebruik koppen als document-outline, niet voor opmaak. 20% van de homepagina's heeft koppen die niveaus overslaan.

HTML5 landmarks (header, nav, main, aside, footer) of ARIA-rollen laten schermlezersgebruikers snel naar secties springen. Elke pagina heeft minimaal main nodig. Duplicaat landmarks hebben unieke labels nodig.

UI-componenten en grafische objecten hebben minimaal 3:1 contrast nodig. Geldt voor iconen, formulierranden, grafiekonderdelen, focusindicatoren — alles betekenisvol dat geen tekst is.

Vooraf opgenomen video heeft gesynchroniseerde ondertiteling nodig. Vooraf opgenomen audio heeft een transcriptie nodig. Live video heeft real-time ondertiteling nodig (Niveau AA). Helpt 430 miljoen mensen met gehoorverlies plus iedereen in een lawaaierige omgeving.

Inhoud moet bruikbaar zijn bij 400% zoom zonder horizontaal scrollen (bij 320px CSS-breedte). Geen informatie mag verloren gaan of functionaliteit verbroken raken. Essentieel voor slechtziende gebruikers.

Instructions can't depend on shape, size, position, or sound alone. "Press the round green button on the right" fails for anyone who can't see it — always add a text label: "Press Submit".

Inhoud moet leesbaar en functioneel blijven wanneer gebruikers tekstafstand aanpassen: regelafstand 1,5×, alinea-afstand 2×, letterafstand 0,12em, woordafstand 0,16em.