Vérificateur de contraste
Vérifiez la lisibilité d'un texte sur son fond selon les normes d'accessibilité WCAG
Rapport de contraste
14.68:1
| AA | AAA | |
|---|---|---|
| Texte normal | Réussi | Réussi |
| Grand texte (24 px ou 18,66 px gras) | Réussi | Réussi |
Le vif renard brun saute par-dessus le chien paresseux.
Le vif renard brun saute par-dessus le chien paresseux.
À propos de l'outil
Ce vérificateur calcule le rapport de contraste entre la couleur d’un texte et celle de son fond, selon la formule de luminance relative des WCAG 2. Il sert à vérifier qu’un bouton, un lien ou un paragraphe reste lisible, notamment pour les personnes malvoyantes, avant de livrer une maquette ou un thème. Un aperçu affiche une phrase d’exemple dans les deux couleurs.
Le résultat indique si le niveau AA et le niveau AAA sont atteints, pour le texte normal comme pour le grand texte. Si le contraste ne suffit pas pour le niveau AA en texte normal, l’outil propose la couleur de texte la plus proche qui l’atteint, en l’assombrissant ou en l’éclaircissant. Les couleurs se saisissent au format hexadécimal ou avec le sélecteur.
Comment l'utiliser
- Indiquez la Couleur du texte et la Couleur du fond, en hexadécimal ou avec le sélecteur.
- Lisez le Rapport de contraste et les résultats Réussi ou Échec pour le Texte normal et le Grand texte.
- Si une couleur est proposée pour le niveau AA, cliquez sur Appliquer pour l’utiliser.
- Cliquez sur Inverser pour tester la combinaison avec les couleurs échangées.
Questions fréquentes
Quels seuils WCAG l’outil applique-t-il ?
Pour le texte normal, 4,5:1 au niveau AA et 7:1 au niveau AAA. Pour le grand texte, c’est-à-dire 24 px ou 18,66 px en gras, 3:1 au niveau AA et 4,5:1 au niveau AAA.
Comment la couleur proposée est-elle calculée ?
L’outil rapproche progressivement votre couleur de texte du noir ou du blanc, selon celui qui contraste le plus avec le fond, et s’arrête dès que le rapport atteint 4,5:1. La teinte reste donc aussi proche que possible de l’originale.
Quels formats de couleur sont acceptés ?
Le code hexadécimal à trois ou six chiffres, avec ou sans dièse, ou le sélecteur de couleur. La transparence n’est pas prise en charge : pour un texte semi-transparent, saisissez la couleur obtenue une fois mélangée au fond.
Les couleurs testées quittent-elles mon navigateur ?
Non. Le calcul se fait entièrement dans votre navigateur, sans appel réseau. Les deux dernières couleurs testées sont seulement gardées dans le stockage local du navigateur pour être réaffichées à votre retour.