Exemple de texte normal – Le vif renard brun.
Exemple de grand texte (18pt+)
–
Rapport de contraste
| Norme | Niveau | Ratio minimum | Résultat |
|---|---|---|---|
| Texte normal | WCAG AA | 4.5:1 | – |
| Grand texte (≥18pt / ≥14pt gras) | WCAG AA | 3:1 | – |
| Texte normal | WCAG AAA | 7:1 | – |
| Grand texte (≥18pt / ≥14pt gras) | WCAG AAA | 4.5:1 | – |
Comment utiliser le vérificateur de contraste
- Utilisez les pipettes ou saisissez des codes HEX pour les couleurs de premier plan (texte) et d'arrière-plan.
- Le rapport de contraste et les résultats de conformité WCAG se mettent à jour instantanément.
- Utilisez Inverser pour intervertir premier plan et arrière-plan.
Exigences de contraste WCAG
- AA – Texte normal : minimum 4,5:1. Requis pour la conformité WCAG 2.1 niveau AA.
- AA – Grand texte : minimum 3:1. Grand texte = 18pt (24px) normal ou 14pt (18,67px) gras.
- AAA – Texte normal : minimum 7:1. Norme d'accessibilité renforcée.
- AAA – Grand texte : minimum 4,5:1.
Calcul du rapport de contraste
La luminance relative (L) est calculée à partir des canaux RVB sRGB après linéarisation gamma : L = 0,2126R + 0,7152G + 0,0722B. Le rapport est (L1 + 0,05) / (L2 + 0,05) où L1 est la couleur la plus claire.