Vérificateur de contraste
Saisissez une couleur de texte et d'arrière-plan pour obtenir le rapport de contraste WCAG et connaître les niveaux AA et AAA validés.
Chaque vérification s'effectue directement dans votre navigateur. Rien de ce que vous saisissez n'est téléversé vers BroBroGo.
FAQ
Que signifient les résultats AA et AAA?
Le niveau AA est la cible standard pour la majorité des sites Web : il requiert un rapport d'au moins 4,5:1 pour le texte normal et de 3:1 pour le grand texte. Le niveau AAA est plus exigeant — 7:1 pour le texte normal et 4,5:1 pour le grand texte. Le rapport de contraste s'étend de 1:1 (aucun contraste) à 21:1 (noir sur blanc).
Qu'est-ce qui est considéré comme du grand texte?
Un texte d'au moins 18 pt (environ 24 px), ou 14 pt (environ 18,5 px) s'il est en gras. Les textes plus grands restent lisibles avec un contraste inférieur; ils valident donc le niveau AA à partir de 3:1 et le niveau AAA à partir de 4,5:1, plutôt que de devoir respecter les seuils plus stricts du texte normal.
Quels formats de couleur puis-je saisir?
Saisissez une valeur hexadécimale comme #1a1a1a, une valeur rgb() comme rgb(26, 26, 26), ou une valeur hsl() — ou cliquez sur l'un des échantillons pour choisir une couleur. Utilisez le bouton d'inversion pour permuter instantanément les couleurs du texte et de l'arrière-plan.
S'agit-il de la norme WCAG 2 ou de la nouvelle méthode APCA?
Cet outil utilise la formule WCAG 2.1 / 2.2, qui sert de référence actuelle pour les normes d'accessibilité et les audits. APCA est une méthode plus récente, basée sur la perception visuelle, en cours d'élaboration pour WCAG 3 — elle est prometteuse, mais ne constitue pas encore une norme de conformité officielle. C'est pourquoi les résultats de validation présentés ici ne l'utilisent pas.