Vérificateur de contraste
Saisissez une couleur de texte et de fond pour voir le rapport de contraste WCAG et les niveaux AA et AAA validés.
Chaque vérification se fait dans votre navigateur. Rien de ce que vous saisissez n’est envoyé à BroBroGo.
FAQ
Que signifient les résultats AA et AAA ?
AA est le niveau visé par la plupart des sites : il exige un rapport d’au moins 4.5:1 pour le texte courant et 3:1 pour le grand texte. AAA est plus exigeant — 7:1 pour le texte courant et 4.5:1 pour le grand texte. Le rapport va de 1:1 (aucun contraste) à 21:1 (noir sur blanc).
Qu’entend-on par grand texte ?
Un texte à partir de 18pt (environ 24px), ou 14pt (environ 18,5px) en gras. Le grand texte reste lisible avec moins de contraste : il valide donc AA dès 3:1 et AAA dès 4.5:1, au lieu des seuils plus stricts appliqués au texte courant.
Quels formats de couleur puis-je saisir ?
Tapez une valeur hex comme #1a1a1a, une valeur rgb() comme rgb(26, 26, 26) ou une valeur hsl() — ou cliquez sur l’une des pastilles pour choisir une couleur. Le bouton d’inversion échange les couleurs du texte et du fond.
S’agit-il de WCAG 2 ou de la nouvelle méthode APCA ?
L’outil applique la formule WCAG 2.1 / 2.2, celle sur laquelle s’appuient aujourd’hui les règles d’accessibilité et les audits. APCA est une méthode plus récente et plus perceptuelle, encore en préparation pour WCAG 3 — prometteuse, mais pas encore un standard de conformité : les résultats affichés ici ne l’utilisent donc pas.