Développeur🔒 Fonctionne dans votre navigateur

Vérificateur de Contraste des Couleurs

Vérifier la conformité WCAG AA/AAA du contraste des couleurs

Couleur du texte

Couleur d'arrière-plan

Titre de prévisualisation

Voici à quoi ressemblera le corps du texte avec ces couleurs.

Et voici du petit texte pour référence.

Ratio de contraste

21.00:1

WCAG AA

Texte normal✓ Réussi

Grand texte (18px+)✓ Réussi

Composants d'interface✓ Réussi

WCAG AAA

Texte normal✓ Réussi

Grand texte (18px+)✓ Réussi

À propos de Vérificateur de Contraste des Couleurs

Le Vérificateur de Contraste des Couleurs évalue le ratio de contraste entre deux couleurs selon les directives WCAG 2.1. Il vous indique si vos combinaisons de couleurs répondent aux normes d'accessibilité AA ou AAA pour le texte normal, le grand texte et les composants d'interface. Tout s'exécute dans votre navigateur.

Questions fréquentes

Quel est un bon ratio de contraste ?

WCAG AA exige un ratio minimum de 4,5:1 pour le texte normal et de 3:1 pour le grand texte (18px+ ou 14px+ en gras). WCAG AAA exige 7:1 pour le texte normal et 4,5:1 pour le grand texte. Des ratios plus élevés signifient une meilleure lisibilité.

Quelle est la différence entre AA et AAA ?

AA est la norme minimale recommandée pour la plupart des contenus web. AAA est une norme plus stricte qui offre une meilleure lisibilité pour les utilisateurs malvoyants. Atteindre AAA est idéal mais pas toujours requis.

Comment le ratio de contraste est-il calculé ?

Le ratio de contraste est calculé à partir de la luminance relative de chaque couleur, telle que définie par WCAG 2.1. La formule compare les couleurs plus claires et plus sombres sur une échelle de 1:1 (aucun contraste) à 21:1 (contraste maximal, noir sur blanc).

À propos de Vérificateur de Contraste des Couleurs

Questions fréquentes

Quel est un bon ratio de contraste ?

Quelle est la différence entre AA et AAA ?

Comment le ratio de contraste est-il calculé ?