Veillez à 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

Outils pour appliquer la bonne pratique

Notice 7.1 AcceDe Web

Mise en œuvre (dans une charte graphique)

exemple d'une charte graphique qui intègre toutes les combinaisons colorées de la charte répondant aux critères d'accessibilité