Cas pratique : Contraste entre texte et fond
Contraste du noir sur un jaune pâle
Contraste du noir sur un jaune pâle : rapport de contraste 16,81 : 1. Exemple prérempli de l'outil contraste entre texte et fond, à modifier.
- Rapport de contraste
- 16,81 : 1
- Texte courant, niveau AA (4,5 : 1)
- oui
- Grand texte, niveau AA (3 : 1)
- oui
- Texte courant, niveau AAA (7 : 1)
- oui
Le cas en détail
Le noir sur un jaune pâle offre un contraste très élevé. Cette combinaison convient aux encarts et aux alertes qui doivent se détacher du reste de la page sans effort de lecture.
À retenir : Évitez de multiplier les encarts colorés : ils perdent leur force.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des relevés ni des tarifs) :
- Couleur du texte (#RRGGBB) : #111111
- Couleur du fond (#RRGGBB) : #fff3b0
- Rapport de contraste
- 16,81 : 1
- Texte courant, niveau AA (4,5 : 1)
- oui
- Grand texte, niveau AA (3 : 1)
- oui
- Texte courant, niveau AAA (7 : 1)
- oui
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.