Contraste de couleur WCAG : la règle des 4.5:1, expliquée simplement

Guide · mis à jour en juillet 2026 · lecture 4 min

Le manque de contraste entre un texte et son fond est, de loin, le problème d'accessibilité le plus fréquent sur le web — et l'un des plus simples à corriger une fois repéré. C'est aussi l'un des rares critères des WCAG qui se calcule mathématiquement plutôt que de demander un jugement humain, ce qui en fait un excellent point de départ pour une PME qui commence son audit.

D'où vient le 4.5:1

Le critère WCAG 1.4.3 (« Contraste minimum ») exige un ratio d'au moins 4.5:1 entre la couleur du texte et celle du fond, pour un texte normal. Ce ratio se calcule à partir de la luminance relative des deux couleurs — une formule qui tient compte de la façon dont l'œil perçoit chaque composante rouge/vert/bleu, pas d'une simple différence de teinte. Deux couleurs qui « semblent » contrastées à l'œil peuvent échouer au calcul, et inversement.

Le seuil descend à 3:1 pour le grand texte (à partir de 18 points, ou 14 points en gras) et pour les éléments non textuels comme les icônes et les bordures de champs de formulaire (critère 1.4.11) — un bouton ou un contour de champ doit rester repérable, pas seulement le texte.

Les cas qui échouent le plus souvent

• Texte gris clair sur fond blanc (souvent utilisé pour les mentions « secondaires » ou les placeholders de formulaire).
• Texte blanc sur une image ou un dégradé, sans halo ni fond semi-opaque derrière.
• Boutons dans la couleur de marque, quand cette couleur est elle-même claire (bleu ciel, jaune, vert pastel).
• Liens dans le corps du texte qui ne se distinguent que par la couleur, sans soulignement — combine 1.4.3 et 1.4.1 (utilisation de la couleur).

Comment vérifier concrètement

Le calcul exact n'a pas besoin d'être fait à la main : un outil suffit à donner le ratio réel entre deux couleurs, et à indiquer de combien il faut assombrir ou éclaircir une couleur pour passer le seuil, sans changer la teinte d'origine — la marque reste reconnaissable, seule la luminosité s'ajuste.

C'est un des rares critères qu'un audit automatisé peut trancher avec certitude, sans zone grise : soit le ratio calculé atteint le seuil, soit non.

Corriger sans perdre l'identité visuelle

Corriger un contraste ne veut pas dire abandonner sa charte graphique. Dans la grande majorité des cas, assombrir ou éclaircir légèrement une couleur de quelques points suffit à passer le seuil, tout en restant visuellement très proche de l'original. Le bon réflexe : garder la teinte, ajuster la clarté.

Voir aussi : comprendre les WCAG sans jargon.