Cas pratique : Contraste entre texte et fond
Contraste d'un gris moyen sur fond blanc
Contraste d'un gris moyen sur fond blanc : rapport de contraste 4,54 : 1. Exemple prérempli de l'outil contraste entre texte et fond, à modifier.
- Rapport de contraste
- 4,54 : 1
- Texte courant, niveau AA (4,5 : 1)
- oui
- Grand texte, niveau AA (3 : 1)
- oui
- Texte courant, niveau AAA (7 : 1)
- non
Le cas en détail
Un gris moyen donne une impression élégante mais devient vite difficile à lire pour du texte courant. Le rapport calculé indique si le niveau AA est atteint ou non.
À retenir : Réservez les gris clairs aux éléments décoratifs, pas au texte.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des relevés ni des tarifs) :
- Couleur du texte (#RRGGBB) : #767676
- Couleur du fond (#RRGGBB) : #ffffff
- Rapport de contraste
- 4,54 : 1
- Texte courant, niveau AA (4,5 : 1)
- oui
- Grand texte, niveau AA (3 : 1)
- oui
- Texte courant, niveau AAA (7 : 1)
- non
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 composante rouge, verte et bleue est convertie en valeur linéaire, puis pondérée pour obtenir la luminance relative. Le rapport de contraste vaut la luminance de la couleur la plus claire plus 0,05, divisée par celle de la plus sombre plus 0,05. Le niveau AA demande 4,5 pour du texte courant.
Les résultats sont fournis à titre indicatif, sans valeur de devis ni de conseil juridique, fiscal ou financier.