Kleurcontrast-vereisten WCAG 1.4.3

Kleurcontrast is een van de meest-overtreden + makkelijkst-te-fixen WCAG-eisen. WCAG 1.4.3 (AA): normale tekst min. 4.5:1 ratio met achtergrond, grote tekst (18pt+ of 14pt-bold+) min. 3:1. WCAG 1.4.11 (AA): UI-componenten (knoppen-randen, focus-indicator, formulier-randen, icoon-grafiek) min. 3:1 met aangrenzend gebied. Uitzonderingen: decoratieve tekst (logo), inactieve knoppen, tekst in afbeeldingen die alleen ter illustratie staan. Niveau AAA (verder reikend): 7:1 tekst + 4.5:1 grote tekst. Niet wettelijk vereist maar wel beter voor slechtzienden + oudere gebruikers. Veel gemaakte fouten: grijze tekst op witte achtergrond (#999 = 2.85:1, niet AA), bruin op olijfgroen, blauwe link op donkergroene achtergrond, witte tekst op pastel-pasteltinten. Wie heeft baat? Niet alleen blinden — ook: ouderen, slechtzienden, kleurenblinden (8% mannen), mobile gebruikers in zonlicht, monitors met slechte kalibratie. Praktische tools: WebAIM Contrast Checker (gratis, snel), Stark plugin voor Figma + Adobe, axe DevTools, Lighthouse rapport. Voor merken: kies één hoog-contrast primaire kleur + gebruik die voor CTAs. Quick fix: donkere tekst (#222) op witte achtergrond + hoog-contrast accent-kleur is een veilige standaard. Vermijd subtiele grays voor body-tekst.