Kleurcontrast Controleren — WCAG Toegankelijkheid Testen

Voldoende kleurcontrast is wettelijk vereist voor veel websites en essentieel voor mensen met visuele beperkingen. Onze Contrast Checker berekent het ratio en toont of je voldoet aan WCAG-normen.

WCAG-contrastnormen

WCAG AA: 4,5:1 voor normale tekst, 3:1 voor grote tekst (18pt+). WCAG AAA: 7:1 voor normale tekst, 4,5:1 voor grote tekst. AA is de wettelijke minimumnorm in de meeste landen. AAA is de ideale standaard voor maximale toegankelijkheid.

Contrast ratio berekenen

Ratio = (L1 + 0,05) ÷ (L2 + 0,05), waarbij L1 en L2 de relatieve luminanties zijn. Zwart op wit geeft 21:1 (maximum). Lichtgrijs op wit kan 1,2:1 geven — bijna onleesbaar voor iedereen.

Kleurcontrast in de praktijk

Subtiele grijstinten op witte achtergrond zijn visueel aantrekkelijk maar mislukken vaak bij WCAG. Test je kleurenpalet vroeg in het ontwerp. Gebruik donkerdere varianten van merkkleuren voor tekst.