Webtools

Vérificateur de contraste

Vérifiez le ratio de contraste WCAG AA/AAA pour l'accessibilité

Le rapide renard brun

Exemple de texte en taille normale — vérifiez la lisibilité ici.

À propos du vérificateur de contraste

Cet outil calcule le rapport de contraste entre deux couleurs à l'aide de la formule de luminance relative WCAG 2.1 et indique si la combinaison satisfait aux normes d'accessibilité WCAG AA (4,5:1 pour le texte normal, 3:1 pour le texte large) et AAA (7:1). Les résultats se mettent à jour en direct à mesure que vous ajustez les couleurs.

Un contraste de couleur suffisant garantit que le texte est lisible pour les personnes malvoyantes ou atteintes de daltonisme. C'est une obligation légale dans de nombreuses juridictions et une partie essentielle des WCAG, les directives d'accessibilité des contenus web. Utilisez ce vérificateur lorsque vous choisissez des couleurs de texte et d'arrière-plan pour les sites web, les applications et les documents numériques.

Questions fréquemment posées

Quelle est la différence entre WCAG AA et AAA ?
AA nécessite un rapport de contraste de 4,5:1 pour le texte normal et 3:1 pour le texte large. AAA est plus strict — 7:1 pour le texte normal et 4,5:1 pour le texte large. AA est le minimum pratique ; AAA est la norme d'excellence.
Qu'est-ce qui compte comme « texte large » ?
18pt ou plus, ou 14pt et gras (environ 24px et 19px en CSS). Le texte plus grand bénéficie d'un seuil de contraste assouplir car il est plus facile à lire avec un faible contraste.