Gris clair #AAAAAA sur fond blanc : contraste insuffisant
Le gris #AAAAAA sur blanc n'atteint qu'environ 2,3 : 1 : il échoue à tous les niveaux de texte.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Rapport de contraste
- 2,32 : 1
- AA, texte normal (4,5 : 1)
- Échoué
- AA, grand texte (3 : 1)
- Échoué
- AAA, texte normal (7 : 1)
- Échoué
- AAA, grand texte (4,5 : 1)
- Échoué
- Éléments d'interface (3 : 1)
- Échoué
Le cas en détail
Ce gris est très courant pour les textes secondaires, mais il est trop pâle. Le rapport de contraste n'atteint même pas le seuil de 3 des grands textes. Pour des personnes qui voient mal, ou en plein soleil, le texte devient illisible.
À retenir : N'utilisez jamais un gris aussi clair pour une information utile. Réservez-le à des éléments décoratifs.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Couleur du texte (hexadécimal) : « #AAAAAA »
- Couleur du fond (hexadécimal) : « #FFFFFF »
- Rapport de contraste
- 2,32 : 1
- AA, texte normal (4,5 : 1)
- Échoué
- AA, grand texte (3 : 1)
- Échoué
- AAA, texte normal (7 : 1)
- Échoué
- AAA, grand texte (4,5 : 1)
- Échoué
- Éléments d'interface (3 : 1)
- Échoué
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
Chaque canal est converti en valeur linéaire, puis la luminance relative vaut 0,2126 R + 0,7152 V + 0,0722 B. Le rapport est (L1 + 0,05) / (L2 + 0,05), L1 étant la plus claire des deux. Les seuils des WCAG sont 4,5 pour un texte normal en AA, 3 pour un grand texte et 7 pour un texte normal en AAA.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.