Vérificateur de Contraste WCAG

Vérifiez si vos couleurs respectent les normes d'accessibilité WCAG 2.1

Couleur du texte

Couleur de fond

Texte Normal

Voici un exemple de texte avec ces couleurs. Vérifiez que ce texte est lisible sur ce fond.

Texte Large (22px Bold)

4.47:1

Ratio de contraste

WCAG AA – Texte normal (≥ 4.5:1)✗ Échec

WCAG AA – Grand texte (≥ 3:1)✓ Réussi

WCAG AAA – Texte normal (≥ 7:1)✗ Échec

WCAG AAA – Grand texte (≥ 4.5:1)✗ Échec

Comment fonctionne le contraste WCAG ?

Les WCAG (Web Content Accessibility Guidelines) définissent des ratios de contraste minimum pour assurer la lisibilité du contenu web pour les personnes ayant une déficience visuelle.

AA Normal

4.5:1

Texte courant standard

AA Large

3:1

Grand texte (18pt+)

AAA Normal

7:1

Conformité renforcée

AAA Large

4.5:1

Grand texte renforcé