LABO CODE COULEUR

Tester le contraste de deux couleurs

Calculer le rapport de contraste entre un texte et son fond selon la luminance relative utilisée par les WCAG 2.2.

La couleur doit rester lisible.Texte normal et grand texte
Rapport de contraste4.07:1AA grand texte uniquement

RÉPONSE DIRECTE

Pour du texte courant, le niveau AA demande généralement 4,5:1 ; pour du grand texte, 3:1. Le score est nécessaire, mais la taille, la graisse, la police et le contexte restent à vérifier.

01AA texte courant4,5:1 minimum
02AA grand texte3:1 minimum
03AAA texte courant7:1 minimum
01

Tester le couple réellement affiché

Saisissez la couleur du texte et celle du fond, puis lisez le ratio. Le calcul linéarise les composantes sRGB et compare leurs luminances relatives ; il ne repose pas sur la simple différence des codes.

Contrôlez aussi les états interactifs. Un bouton conforme au repos peut devenir insuffisant au survol, lorsqu’il est désactivé ou quand une image passe derrière le texte.

02

Interpréter les seuils sans raccourci

Le seuil de 3:1 pour le grand texte s’applique à des tailles et graisses définies par les WCAG, pas à tout titre visuellement important. Les composants graphiques et indicateurs de focus ont leurs propres exigences.

Un ratio élevé ne corrige pas une police trop petite, un interlettrage difficile, un texte posé sur un motif ou une hiérarchie confuse.

  • Tester le texte courant et les petits libellés.
  • Vérifier focus, erreurs et graphiques.
  • Ne jamais coder une information uniquement par couleur.
03

Documenter la décision

Conservez les deux valeurs, le ratio calculé, le rôle du composant et la date du test. Cette trace évite qu’une évolution de palette dégrade silencieusement l’accessibilité.

Méthode et révision

Les calculs sont exécutés dans le navigateur à partir des valeurs saisies. Les limites propres à cet outil sont indiquées ci-dessus ; la méthode générale et les formules sont documentées dans le référentiel.

Révision : 21 août 2026 · Éditeur : Blue Painter SARL · Signaler une erreur.