Comment vérifier le contraste des couleurs pour l'accessibilité (WCAG)
Publié le 21 septembre 2026 · 2 min de lecture
Un texte techniquement lisible pour vous pourrait quand même échouer aux directives d'accessibilité pour les utilisateurs malvoyants. Cet outil calcule le ratio de contraste WCAG exact entre une couleur de premier plan et d'arrière-plan et vous dit quels niveaux de conformité il atteint.
Essayer Vérificateur de contraste des couleursÉtapes
- 1
Ouvrez l'outil Vérificateur de contraste des couleurs
Accédez au vérificateur de contraste.
- 2
Choisissez vos couleurs de premier plan et d'arrière-plan
Choisissez la couleur du texte et l'arrière-plan sur lequel il repose.
- 3
Lisez le ratio de contraste
Voyez le ratio exact calculé, comme 4,5:1.
- 4
Vérifiez la conformité
Voyez si la paire passe les normes WCAG AA et AAA, pour le texte normal et le texte grand.
Questions fréquentes
WCAG AA exige au moins 4,5:1 pour le texte normal (3:1 pour le grand texte) ; AAA est plus strict, exigeant 7:1 pour le texte normal (4,5:1 pour le grand texte) — cet outil vous dit exactement quels niveaux votre paire de couleurs atteint.
Un texte plus grand est intrinsèquement plus facile à lire avec un contraste plus faible, donc WCAG fixe un seuil plus indulgent pour le grand texte (généralement 18pt ou plus, ou 14pt en gras) que pour le texte de corps normal.
Oui — il utilise la même formule de luminance relative et de ratio de contraste définie dans la spécification WCAG, pas une approximation.
Comme la vérification est instantanée et exacte, c'est un moyen rapide de vérifier vos choix de couleurs avant qu'ils ne deviennent un problème d'accessibilité pour de vrais utilisateurs.