Contraste du texte : testez la paire et son contexte
Une couleur de texte ne réussit pas indépendamment du fond. Lisible sur blanc, elle peut devenir difficile sur une surface sombre : testez la paire réellement utilisée.
Identifiez le texte avant de choisir le seuil
WCAG 2.2 AA demande au moins 4.5:1 pour le texte ordinaire et 3:1 pour le grand texte. La taille et la graisse comptent, pas seulement une balise de titre HTML.
Le critère traite 18pt normal ou 14pt gras comme grands selon ses conditions. Un petit titre n’obtient pas automatiquement le seuil allégé.
Références: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
L’arrondi peut masquer un échec
N’arrondissez pas vers le haut avant de conclure. Un rapport inférieur à 4.5 ne satisfait pas 4.5 simplement parce que l’affichage réduit les décimales.
Gardez une marge si possible et examinez la police à sa taille réelle. Traits fins et fonds variables peuvent demander plus qu’un calcul sur deux codes de couleur.
Références: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
Un test de couleur ne certifie pas la page
L’outil évalue des couleurs opaques de texte et de fond en sRGB. Il n’analyse pas le fond d’une image, ne résout pas les dégradés et ne compose pas les couches transparentes.
Une paire conforme ne prouve ni l’accès clavier ni les alternatives aux images ni les autres exigences. Si le fond change entre modes clair et sombre, testez chaque paire effective.
Exemple : un gris proche de la limite
#000000 sur #FFFFFF donne 21:1. #777777 sur blanc donne environ 4.478:1 : insuffisant pour AA ordinaire, mais supérieur à 3:1 pour le grand texte si sa définition s’applique.
Assombrir en #767676 porte le rapport à environ 4.542:1 et satisfait AA ordinaire pour cette paire. C’est une amélioration ciblée, pas la certification que toute la page convient à chacun.