Pour corriger un contraste, identifiez d'abord la couleur réellement utilisée par le texte et celle du fond placé derrière lui. Calculez le rapport, choisissez le seuil adapté et vérifiez tous les états du composant. Assombrir une couleur au hasard ne permet pas de savoir quel problème a été résolu.
Relever une paire de couleurs réelle
Commencez par un élément précis : paragraphe, lien, aide de formulaire ou message d'erreur. Relevez les valeurs calculées dans le navigateur, puis cherchez une éventuelle transparence, image ou superposition qui change le fond effectif. Une couleur définie dans la maquette peut différer de celle finalement affichée.
Notre testeur de contraste accepte deux couleurs hexadécimales opaques. Il calcule leur rapport selon la définition WCAG 2.2. Une paire sur dégradé ou sur photographie nécessite une analyse complémentaire des zones traversées par le texte.
Choisir le bon seuil sans arrondir la décision
Pour le texte courant, le critère de contraste minimal fixe 4,5:1 ; pour le grand texte défini par ce critère, 3:1. Le niveau renforcé prévoit respectivement 7:1 et 4,5:1.
Le calculateur affiche un résultat arrondi pour la lecture, mais décide avec la valeur non arrondie. Ne validez pas une couleur simplement parce qu'un affichage à une décimale semble atteindre le seuil. Un résultat proche de la limite mérite un contrôle des valeurs d'entrée.
Exemple fictif : une aide de formulaire trop discrète
Imaginons une consigne « Utilisez votre adresse professionnelle » placée sous un champ. Le texte est gris clair sur blanc. Relevez la paire, calculez son rapport et conservez une capture de l'état initial. Choisissez ensuite une teinte plus sombre dans la palette du site, puis refaites le calcul.
La fiche de correction peut contenir le nom du composant, les deux anciennes couleurs, les nouvelles valeurs, le seuil choisi et l'emplacement de la capture. Vérifiez aussi la consigne lorsque le champ reçoit le focus ou affiche une erreur. Un état initial corrigé ne suffit pas si une classe d'erreur remplace ensuite la couleur.
Ce scénario n'est pas une mesure d'un site client. Il propose une façon de documenter votre propre essai. La couleur finale doit rester cohérente avec les autres textes et permettre de distinguer les liens par autre chose qu'une variation subtile de teinte.
Compléter le contrôle visuel
Le contraste ne règle ni un texte trop petit, ni une ligne trop longue, ni une information absente. Vérifiez la lecture avec le zoom et sur l'écran réellement utilisé. Pour une illustration porteuse d'information, préparez aussi un texte alternatif adapté au contexte.
Enfin, le repère du focus mérite un contrôle dans le parcours au clavier. Réussir un calcul sur un paragraphe ne prouve pas que ce repère est visible ni que l'ensemble de la page est accessible.
Questions fréquentes
Peut-on tester une couleur transparente dans cet outil ?
Non. Le calculateur refuse les codes avec canal alpha. Il faut d'abord déterminer la couleur résultant de la composition avec le fond, avec un outil ou une méthode adaptés à cette situation.
Le mode sombre garantit-il un bon contraste ?
Non. Relevez et testez les paires propres à ce thème, y compris les états d'erreur et de sélection. Une validation du thème clair ne se transfère pas automatiquement au thème sombre.
Un résultat AA valide-t-il tout le site ?
Non. Il porte uniquement sur la paire et le type de texte testés. La structure, les commandes, les annonces et les autres critères demandent des contrôles distincts.
Sources
Documentation consultée lors de la relecture du 10 septembre 2026.