CaisseOutilsVérificateur de contraste WCAG
Choisissez une couleur de texte et une couleur de fond : le ratio de contraste et la conformité AA / AAA s'affichent instantanément, avec un aperçu en direct. Gratuit, sans inscription.
Aperçu du texte normal : le renard brun et rapide saute par-dessus le chien paresseux.
Aperçu du texte large (≥ 18 pt)
Comment ça marche
Le ratio de contraste mesure la différence de luminosité entre un texte et son fond. Il varie de 1 : 1 (aucun contraste, texte invisible) à 21 : 1 (contraste maximal : noir sur blanc). Il se calcule à partir de la luminance relative de chaque couleur, selon la formule officielle du WCAG : chaque canal RVB est linéarisé (c ÷ 12,92 si c ≤ 0,03928, sinon ((c + 0,055) ÷ 1,055)2,4), puis L = 0,2126 × R + 0,7152 × G + 0,0722 × B, et ratio = (Lclair + 0,05) ÷ (Lsombre + 0,05).
| Niveau WCAG | Texte normal | Texte large |
|---|---|---|
| AA (minimum recommandé) | ≥ 4,5 : 1 | ≥ 3 : 1 |
| AAA (niveau renforcé) | ≥ 7 : 1 | ≥ 4,5 : 1 |
Bon réflexe : ne vous fiez jamais à la seule couleur pour transmettre une information. Les personnes daltoniennes ou malvoyantes peuvent ne pas percevoir la différence : ajoutez aussi une icône, un soulignement ou une étiquette textuelle.
Confidentialité totale : tous les calculs s'exécutent dans votre navigateur. Aucune donnée n'est envoyée sur un serveur ni conservée.
Questions fréquentes
C'est quoi le ratio de contraste ?
C'est le rapport entre la luminosité d'un texte et celle de son fond, de 1 : 1 (aucun contraste) à 21 : 1 (noir sur blanc). Calculé selon la formule officielle du WCAG, il indique si un texte reste lisible pour tous, y compris les personnes malvoyantes.
Quelle est la différence entre WCAG AA et AAA ?
AA est le niveau minimum recommandé et le plus souvent exigé : au moins 4,5 : 1 pour le texte normal et 3 : 1 pour le texte large. AAA est le niveau renforcé, plus strict : au moins 7 : 1 pour le texte normal et 4,5 : 1 pour le texte large. Visez AA partout, et AAA quand le design le permet.
Qu'est-ce qu'un « texte large » ?
Selon le WCAG, un « texte large » fait au moins 18 pt (environ 24 px), ou au moins 14 pt (environ 18,66 px) en gras. Les grands caractères restant lisibles avec un contraste plus faible, les seuils exigés sont abaissés : 3 : 1 en AA et 4,5 : 1 en AAA.
Mes couleurs sont-elles envoyées sur un serveur ?
Non. Tout est calculé localement dans votre navigateur, en temps réel. L'outil est gratuit, sans inscription, et aucune donnée ne quitte votre appareil.