Contrast-controle

Controleer WCAG AA/AAA contrastverhouding voor toegankelijkheid

Tekstkleur

Achtergrond

The quick brown fox

Voorbeeldtekst in normale grootte — controleer hier de leesbaarheid.

Over de Contrast Checker

Deze tool berekent de contrastverhouding tussen twee kleuren met behulp van de WCAG 2.1 relatieve luminantieformule en rapporteert of de combinatie voldoet aan de WCAG AA (4.5:1 voor normale tekst, 3:1 voor grote tekst) en AAA (7:1) toegankelijkheidsnormen. Resultaten worden live bijgewerkt wanneer u de kleuren aanpast.

Voldoende kleurcontrast zorgt ervoor dat tekst leesbaar is voor mensen met zwakker zicht of kleurenblindheid. Het is een wettelijke vereiste in veel landen en een belangrijk onderdeel van WCAG, de Web Content Accessibility Guidelines. Gebruik deze checker bij het kiezen van tekst- en achtergrondkleuren voor websites, apps en digitale documenten.

Veelgestelde vragen

Wat is het verschil tussen WCAG AA en AAA?

AA vereist een contrastverhouding van 4.5:1 voor normale tekst en 3:1 voor grote tekst. AAA is strenger — 7:1 voor normale tekst en 4.5:1 voor grote tekst. AA is het praktische minimum; AAA is de gouden standaard.

Wat telt als 'grote tekst'?

18pt of groter, of 14pt en vet (ongeveer 24px en 19px in CSS). Grotere tekst krijgt een ontspannen contrastdrempel omdat het gemakkelijker te lezen is bij laag contrast.