Cas pratique : Contraste entre texte et fond
Contraste d'un texte blanc sur un bandeau orange
Contraste d'un texte blanc sur un bandeau orange : rapport de contraste 2,51 : 1. Exemple prérempli de l'outil contraste entre texte et fond, à modifier.
- Rapport de contraste
- 2,51 : 1
- Texte courant, niveau AA (4,5 : 1)
- non
- Grand texte, niveau AA (3 : 1)
- non
- Texte courant, niveau AAA (7 : 1)
- non
Le cas en détail
Le blanc sur un orange vif paraît lisible mais le contraste est souvent insuffisant. Vérifiez la valeur précise de votre couleur avant de l'utiliser pour un titre de couverture.
À retenir : Assombrissez légèrement le fond pour passer le seuil sans changer de teinte.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des relevés ni des tarifs) :
- Couleur du texte (#RRGGBB) : #ffffff
- Couleur du fond (#RRGGBB) : #f08a24
- Rapport de contraste
- 2,51 : 1
- Texte courant, niveau AA (4,5 : 1)
- non
- Grand texte, niveau AA (3 : 1)
- non
- 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.