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 :
- Même lorsque les images intégrées en CSS ne sont pas chargées dans la page.
- Même lorsque les images intégrées en HTML sont remplacées par le contenu de leur attribut
alt.
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.