Rapport de contraste

Vérificateur de contraste de couleur

Vérifiez les ratios de contraste WCAG d'accessibilité

Rapport de contraste

17.45:1

AA

AAA

Texte normal

Réussi
Réussi

Grand texte

Réussi
Réussi

Qu'est-ce que Vérificateur de contraste de couleur ?

Le Vérificateur de Contraste des Couleurs évalue le rapport de contraste entre les couleurs de premier plan et d'arrière-plan selon les normes d'accessibilité WCAG 2.1. Il vous indique instantanément si votre combinaison de couleurs respecte les critères AA ou AAA pour le texte normal et le texte de grande taille.

Comment utiliser

  1. Étape 1 — Définissez la couleur de premier plan (texte) à l'aide du sélecteur de couleur ou en saisissant une valeur HEX/RGB.
  2. Étape 2 — Définissez la couleur d'arrière-plan de la même manière. Le rapport de contraste et les niveaux de conformité WCAG se mettent à jour en direct.
  3. Étape 3 — Vérifiez les indicateurs de réussite/échec pour les niveaux AA et AAA. Ajustez les couleurs jusqu'à ce que tous les critères pertinents soient remplis.

Résultat

Un designer teste un texte gris foncé (#333333) sur un fond bleu clair (#E3F2FD) — l'outil affiche un rapport de 10,5:1, conforme aux niveaux WCAG AA et AAA pour toutes les tailles de texte.

Outils similaires