Vérificateur de contraste WCAG
Vérifiez le ratio de contraste entre deux couleurs et la conformité WCAG AA / AAA.
🔒 100 % côté client — aucune donnée envoyée
Vérificateur de contraste WCAG pour tester le ratio entre une couleur de texte et son arrière-plan et valider l'accessibilité AA et AAA. Idéal pour rendre vos interfaces lisibles par tous et conformes aux normes RGAA/WCAG. Le calcul du ratio se fait entièrement dans votre navigateur, aucune couleur n'est transmise.
FAQ
Quel ratio de contraste faut-il pour respecter la norme WCAG AA ?
Le niveau AA exige un ratio d'au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte. L'outil affiche instantanément si vos couleurs passent.
Quelle différence entre les niveaux AA et AAA ?
AAA est plus strict : il demande 7:1 pour le texte normal et 4,5:1 pour le grand texte, contre 4,5:1 et 3:1 pour AA. AAA vise une accessibilité maximale.
Qu'est-ce qu'un « grand texte » selon WCAG ?
Un texte est considéré comme grand à partir de 18 pt (24 px) en normal, ou 14 pt (18,66 px) en gras. Les seuils de contraste sont alors plus souples.
Comment est calculé le ratio de contraste ?
Il compare la luminance relative des deux couleurs selon la formule (L1 + 0,05) / (L2 + 0,05), donnant un rapport entre 1:1 et 21:1. L'outil applique cette formule officielle du W3C.