10.2. Garantir la lisibilité des contenus lorsque les images ne sont pas affichées

Lorsque les images ne sont pas affichées, les contenus de la page doivent rester visibles et lisibles. Aucune information ne doit être perdue et le contraste entre la couleur du texte et la couleur d’arrière-plan doit être suffisamment élevé.

C’est-à-dire que tous les contenus doivent pouvoir être lus :

Remarque

Chaque fois qu’un texte est superposé à une image d’arrière-plan, mettre en place une couleur de remplacement qui garantira la lisibilité du texte en l’absence de cette dernière.

background: black url(../images/fond-sombre.png) repeat-x;

Cette couleur de remplacement peut être héritée d’un élément parent.

Attention

Une attention particulière doit être portée sur la lisibilité des alternatives textuelles des images intégrées dans le code HTML lorsque les images ne sont pas affichées.

Commentaires

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page