Le contraste des couleurs détermine si les personnes peuvent réellement lire votre texte. Le vérificateur mesure le rapport de contraste WCAG entre deux couleurs et indique si elles conviennent au texte normal, au grand texte et aux éléments d’interface. Ce guide explique l’origine des chiffres, le sens des seuils et comment corriger une combinaison non conforme.

Calcul du rapport de contraste

Le contraste ne correspond pas à une simple différence entre les valeurs des couleurs : il repose sur la luminance relative, un modèle de la luminosité perçue. Les canaux rouge, vert et bleu sont normalisés entre 0 et 1, convertis du sRGB gamma en lumière linéaire, puis pondérés (0.2126 pour le rouge, 0.7152 pour le vert, 0.0722 pour le bleu) et additionnés. Le vert a le poids le plus élevé, car l’œil humain y est le plus sensible.

Les deux luminances servent à calculer le rapport (L_lighter + 0.05) / (L_darker + 0.05). La constante 0.05 tient compte de la lumière ambiante réfléchie par l’écran. Le résultat va de 1:1 (couleurs identiques) à 21:1 (noir pur sur blanc pur). Si la couleur de premier plan est semi-transparente, l’outil la compose d’abord sur l’arrière-plan, comme la voit réellement l’utilisateur.

Signification des seuils

WCAG définit plusieurs niveaux. Pour le texte courant, AA exige 4.5:1 et AAA 7:1. Pour le grand texte — au moins 24 px en graisse normale ou 18.66 px en gras — les seuils passent à 3:1 (AA) et 4.5:1 (AAA), car les grands caractères sont plus faciles à lire. Une règle distincte, WCAG 1.4.11, fixe à 3:1 le minimum pour les éléments non textuels : icônes, bordures de champs, indicateurs de focus et parties informatives des graphiques.

AA constitue la référence pratique. La plupart des lois sur l’accessibilité — l’ADA aux États-Unis, l’European Accessibility Act et la Section 508 — renvoient à WCAG AA. Atteindre AAA partout est louable, mais pas toujours possible avec les couleurs d’une marque ; pour la plupart des produits, l’objectif réaliste est AA pour le texte courant et 3:1 pour l’interface.

Corriger une paire non conforme

Lorsqu’une combinaison échoue, la couleur de premier plan est généralement trop proche de l’arrière-plan en luminosité. La correction la plus simple consiste à ajuster la clarté du texte tout en conservant sa teinte, afin de respecter l’identité visuelle. L’onglet Suggestions de correction procède ainsi : il assombrit ou éclaircit le texte jusqu’à dépasser 4.5:1 et indique le plus petit changement conforme.

Deux précautions. Premièrement, le contraste est nécessaire, mais ne suffit pas : la couleur ne doit jamais être le seul moyen de transmettre une information, car les personnes daltoniennes peuvent ne pas percevoir la différence. Deuxièmement, les grandes images d’arrière-plan et les dégradés ne peuvent pas être évalués par un seul rapport : vérifiez le pire cas, là où le texte chevauche la zone la plus claire ou la plus sombre de l’image.