Gris clair #999999 sur fond blanc
Calculez le contraste d'un texte gris #999999 sur fond blanc et vérifiez les seuils AA et AAA.
Par Jimenez Julien, éditeur de Nuancier Carmin · mis à jour le
- Rapport de contraste
- 2,85 : 1
- Texte courant, niveau AA (4,5)
- Non atteint
- Texte courant, niveau AAA (7)
- Non atteint
- Grand texte, niveau AA (3)
- Non atteint
Seuils de la norme d'accessibilité WCAG. Un grand texte fait au moins 24 px, ou 19 px en gras.
Le cas en détail
Un gris moyen sur du blanc donne un contraste d'environ 2,85 : il ne passe pas le seuil de 4,5 pour du texte courant. C'est un cas très répandu de site esthétique mais difficile à lire, surtout pour les petites tailles.
À retenir : Foncez le gris de quelques crans plutôt que d'augmenter la taille : un gris à #767676 passe déjà le niveau AA sur blanc.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des prix ni des mesures relevés) :
- Couleur du texte : #999999
- Couleur du fond : #FFFFFF
- Rapport de contraste
- 2,85 : 1
- Texte courant, niveau AA (4,5)
- Non atteint
- Texte courant, niveau AAA (7)
- Non atteint
- Grand texte, niveau AA (3)
- Non atteint
Seuils de la norme d'accessibilité WCAG. Un grand texte fait au moins 24 px, ou 19 px en gras.
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
On calcule la luminance relative de chaque couleur à partir de ses canaux corrigés, puis le rapport (plus claire + 0,05) divisé par (plus sombre + 0,05). Les seuils de la norme d'accessibilité sont 4,5 pour le texte courant en niveau AA, 7 en niveau AAA et 3 pour le grand texte.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.