Veiller à ce que les contrastes entre le texte et la couleur d'arrière-plan soient suffisants

  • Accessibilité
  • Texte
  • Image
  • Vidéo

Sources

Critère 3.2 - RGAA

Comprendre

Utilisateurs et utilisatrices principalement impacté.e.s : déficients visuels.

De manière similaire, et quelquefois combinée au problème de perception des couleurs, la dégradation de la lisibilité des contenus du fait de l’utilisation de contraste trop faible, touche un grand nombre d’utilisateurs dont la part augmente avec l’âge.

Consultez le guide des impacts sur les utilisateurs 

Mise en œuvre

  • Veiller à ce que le rapport de contraste entre le texte et la couleur d’arrière-plan soit de 4.5:1 au moins pour le texte et le texte en image sans effet de graisse d’une taille restituée à 24px
  • Veiller à ce que le rapport de contraste entre le texte et la couleur d’arrière-plan soit de 4.5:1 au moins pour le texte et le texte en image en gras d’une taille restituée à 18,5px

Il est recommandé de prévoir dans la charte graphique les combinaisons de couleurs assurant un bon contraste.

Capture%20d%e2%80%99e%cc%81cran%202023 11 23%20a%cc%80%2009.10.19

Outils pour appliquer la bonne pratique

Notice 7.1 AcceDe Web

Exemple à proscrire

capture-mauvais-contraste-texte
Exemple à adopter
 capture-bon-contraste-texte