Vérificateur de contraste des couleurs

Vérifier une paire de couleurs

1. Saisissez chaque couleur en HEX à trois ou six chiffres ou utilisez son sélecteur. L’arrière-plan doit être uni et opaque.
2. Laissez l’opacité du premier plan à 100 % pour un texte opaque ou saisissez un pourcentage inférieur. Les résultats se mettent à jour lorsque les trois valeurs sont valides.
3. Consultez le rapport et les résultats distincts pour le texte normal, le grand texte et les éléments non textuels. Examinez le contexte réel, puis copiez le rapport et ses précisions si vous souhaitez le partager.

Comprendre les résultats

Pour le texte normal, les seuils numériques sont de 4,5:1 au niveau AA et de 7:1 au niveau AAA. Le calcul compare la luminance relative, pas la différence entre les noms des couleurs.

Pour le grand texte, les seuils sont de 3:1 en AA et de 4,5:1 en AAA. Il mesure au moins 18 pt en graisse normale ou 14 pt en gras, ou une taille équivalente pour d’autres écritures : environ 24 et 18,67 pixels CSS. La typographie réelle reste à vérifier.

L’opacité du premier plan modifie la couleur effective sur l’arrière-plan choisi. À 100 %, elle est opaque ; à 0 %, elle se confond avec le fond et le rapport vaut 1:1. La transparence de l’arrière-plan n’est pas prise en charge.

La ligne non textuelle à 3:1 compare cette paire pour les détails visuels essentiels par rapport à la couleur adjacente. Les décisions utilisent le rapport non arrondi ; les deux décimales facilitent seulement la lecture.

Exemples à vérifier

Le noir #000000 sur blanc #FFFFFF à 100 % d’opacité donne 21:1 et atteint les cinq seuils numériques affichés. Échanger ces couleurs opaques ne change pas le rapport.

Le gris #777777 sur blanc donne environ 4,48:1. Il n’atteint pas 4,5:1 pour le texte normal en AA, mais dépasse 3:1 pour le grand texte en AA.

Le noir à 50 % d’opacité sur blanc donne environ 3,98:1 dans ce calcul sRGB. Réduire l’opacité peut diminuer le contraste même si la paire opaque d’origine est très contrastée.

Une paire ne suffit pas à évaluer l’accessibilité

Cet outil évalue les couleurs sRGB unies sur fond opaque avec une opacité facultative du premier plan. Il n’inspecte ni page ni police, ne prélève pas les images ou dégradés, ne simule pas la vision des couleurs et n’évalue pas toutes les exigences et exceptions WCAG.

Atteindre un seuil numérique ne certifie pas l’accessibilité d’une page ou d’un produit. Vérifiez la taille et la graisse réelles du texte, les couleurs adjacentes, les formes et états significatifs et les autres exigences. Le rendu et l’anticrénelage peuvent aussi modifier la lisibilité.

Calcul dans le navigateur

La comparaison se fait dans le navigateur, sans envoi ajouté par l’outil ni historique de couleurs enregistré. Le rapport actuel n’est placé dans le presse-papiers que sur demande. Les services habituels du site et les réglages de consentement restent distincts.