Vérificateur de contraste
Fixez une couleur de texte et un fond. Lisez le rapport, voyez-le sur de vrais caractères et prenez la couleur conforme la plus proche si la vôtre ne passe pas.
- WCAG AA et AAA
- Sur de vrais caractères
- La correction la plus proche
Rapport de contraste
6,27:1
Clair d’un coup d’œil
Le contraste décide si une phrase est lue ou sautée. Ce paragraphe est composé à la taille où se lit l’essentiel d’une page.
Les petits caractères, les légendes et le détail d’un formulaire.Un bouton- Texte courant
- AA4,5Conforme
- AAA7Non conforme
- Grand texte
- AA3Conforme
- AAA4,5Conforme
- Interface et graphiques
- AA3Conforme
La couleur de texte conforme la plus proche
Gratuit · Sans publicité · Sans inscription Fonctionne entièrement dans votre navigateur. Rien de ce que vous entrez n’est envoyé ni conservé.
Ce que mesure le rapport
Le rapport de contraste compare la lumière qu’émettent deux couleurs, de 1:1 pour deux couleurs identiques à 21:1 pour du noir sur du blanc. Il est défini par les Règles pour l’accessibilité des contenus Web (WCAG), et c’est à lui que renvoient les audits et les lois sur l’accessibilité.
Le rapport ne s’arrondit pas vers un seuil : 4,49:1 ne passe pas là où 4,5:1 est exigé. Le vérificateur affiche deux décimales, tronquées plutôt qu’arrondies : ce qu’il montre est ce qu’un audit trouvera.
Les seuils
| Ce qui est vérifié | AA | AAA |
|---|---|---|
| Texte courant | 4,5:1 | 7:1 |
| Grand texte (24 px, ou 18,66 px en gras, et plus) | 3:1 | 4,5:1 |
| Composants d’interface et éléments graphiques porteurs de sens | 3:1 | — |
AA est le niveau qu’exigent la plupart des lois et des politiques d’accessibilité. AAA est le niveau le plus strict, pour un texte qui doit être lu par le plus de gens possible.
Les logos, le texte purement décoratif et les commandes désactivées sont exemptés. Le texte indicatif d’un champ ne l’est pas : c’est du texte, et il est très souvent trop pâle.
Au-delà du chiffre
Un rapport conforme est un plancher, pas une garantie. Un caractère fin demande plus de contraste qu’un caractère robuste à taille égale, et un texte clair sur fond sombre paraît plus gras que l’inverse. C’est pourquoi le vérificateur pose vos couleurs sur de vrais caractères, en texte courant et en titre, avant de rendre son verdict.
Quand une paire échoue, la couleur proposée garde votre teinte et ne change que sa clarté, aussi peu qu’il le faut. Pour la voir dans toutes les notations, ouvrez-la dans le convertisseur de couleurs.
Fait par Mystya.
Nous sommes un studio web du Québec. Ces outils sont gratuits et le resteront : c’est notre façon de montrer ce à quoi nous tenons, dans quelque chose qui sert. Si vous voulez un site construit avec la même attention, parlons-en.