Kleurcontrast Checker
Controleer kleurcontrastverhoudingen voor WCAG 2.1-naleving. Valideer AA- en AAA-standaarden direct.
Wat is de WCAG-contrastverhouding?
De WCAG-contrastverhouding meet het luminantieverschil tussen voorgrond- en achtergrondkleuren. Van 1:1 tot 21:1.
Wat zijn de WCAG AA- en AAA-vereisten?
WCAG AA vereist minimaal 4.5:1 voor normale tekst en 3:1 voor grote tekst. AAA vereist 7:1 en 4.5:1.
Wat telt als grote tekst?
Grote tekst is gedefinieerd als 18pt (24px) of groter, of 14pt (18.66px) vet of groter.
Waarom is kleurcontrast belangrijk?
Goed contrast zorgt ervoor dat tekst leesbaar is voor mensen met visuele beperkingen en verbetert de leesbaarheid voor iedereen.
Hoe bereken ik de contrastverhouding?
Wordt berekend met relatieve luminantiewaarden. De formule is (L1 + 0.05) / (L2 + 0.05).
Wat is het minimumcontrast voor UI-elementen?
WCAG vereist minimaal 3:1 voor UI-componenten en grafische objecten.
Kan ik elke kleurcombinatie gebruiken?
Niet alle combinaties voldoen aan toegankelijkheidsstandaarden. Gebruik deze checker om te valideren.
Wat is relatieve luminantie?
Het is de waargenomen helderheid van een kleur, van 0 (zwart) tot 1 (wit). Berekend met de sRGB-kleurruimte.
Moet ik het contrast van afbeeldingen controleren?
Tekst in afbeeldingen moet aan dezelfde eisen voldoen. Voor decoratieve afbeeldingen geldt dit niet.
Welke tools helpen bij contrast?
Gebruik browser developer tools, design plugins of online checkers zoals deze.