Vérificateur de contraste de couleur
Vérifiez le contraste de couleur WCAG entre deux couleurs hex — réussite/échec pour les niveaux AA et AAA.
Vérifiez l’accessibilité du contraste de couleur WCAG
Saisissez une couleur de premier plan et une couleur d’arrière-plan en format hex et le rapport de contraste est calculé instantanément à l’aide de la formule de luminance relative de WCAG 2.1. L’outil indique réussi ou échoué pour les quatre points de contrôle d’accessibilité : AA et AAA pour le texte normal et le texte grand ou les composants d’interface. Utilisez les sélecteurs de couleur pour une sélection visuelle, ou saisissez les valeurs directement.
WCAG définit trois niveaux de conformité. Le niveau AA est l’exigence standard pour la plupart des sites web et requiert un rapport d’au moins 4.5:1 pour le texte normal et 3:1 pour le texte grand (18pt ou 14pt en gras). Le niveau AAA est le standard amélioré, exigeant 7:1 et 4.5:1 respectivement. Le rapport maximum possible est 21:1, obtenu avec du noir sur blanc.
FAQ
Qu’est-ce qui compte comme texte grand ? WCAG définit le texte grand comme au moins 18pt (24px) en poids normal, ou 14pt (environ 18.67px) en gras.
La transparence alpha est-elle prise en charge ? Non. L’outil fonctionne avec des couleurs hex entièrement opaques. Pour les couleurs semi-transparentes, composez d’abord la couleur sur l’arrière-plan.