Kleurcontrast Checker
Controleer het contrast tussen tekst- en achtergrondkleur tegen de WCAG-normen (AA en AAA), met een live voorbeeld.
Normale tekst — de snelle bruine vos springt over de luie hond.
Grote tekst — voorbeeld
Beoordeling
Contrastverhouding—
Normale tekst—
Grote tekst—
Over de WCAG-contrastnorm
De WCAG 2.1-richtlijn drukt contrast uit als een verhouding van 1:1 (geen contrast) tot 21:1 (zwart op wit). Normale tekst voldoet aan niveau AA vanaf 4,5:1 en aan AAA vanaf 7:1. Voor grote tekst (vanaf ~24px, of 18,66px vet) gelden 3:1 (AA) en 4,5:1 (AAA).
Wat telt als grote tekst?
Tekst vanaf ongeveer 24px, of 18,66px als die vet is. Daarvoor gelden soepelere contrasteisen.
Hoe geef ik een kleur op?
Via de kleurkiezer of als hexcode, bijvoorbeeld #1a2b3c. De tool rekent direct de verhouding uit.