Vérificateur de contraste de couleur — WCAG AA/AAA

Couleur

Un vérificateur de contraste de couleur compare la luminance relative de la couleur du texte et de l'arrière-plan pour calculer le rapport de contraste WCAG et déterminer si les critères sont respectés ou non.

Traduction assistée par IA en cours de révision

Cette page a été traduite avec l’aide de l’IA et n’a pas encore été relue par un professionnel. Consultez les sources citées avant toute décision importante.

Qu’est-ce que c’est

En accessibilité web, le contraste des couleurs influe sur la lisibilité du texte. Les WCAG recommandent 4.5:1 pour le texte normal en AA, 3:1 pour le grand texte en AA et 7:1 pour le AAA.

rapport de contraste = (plus clair + 0.05) / (plus sombre + 0.05)

Comment l’utiliser

  1. 1Saisissez la couleur HEX du texte.
  2. 2Saisissez la couleur HEX de l'arrière-plan.
  3. 3Consultez le rapport de contraste et le résultat AA/AAA.

Référence

Vérificateur de contraste de couleur — WCAG AA/AAA Référence
TexteFondRapportRésultat
#111111#FFFFFF18.88:1AAA
#777777#FFFFFF4.48:1Non conforme AA pour le texte normal

Sources et normes

FAQ

Quelle est l'exigence de contraste de texte pour le WCAG AA ?

Le texte normal nécessite au moins 4.5:1 et le grand texte au moins 3:1 pour respecter le WCAG AA.

Les données de contraste des couleurs sont-elles envoyées à un serveur ?

Non. Cet outil s'exécute dans votre navigateur et n'envoie aucune donnée à un serveur.

Outils associés