Attention, cette version d'AcceDe Web est obsolète,
pour consulter la dernière version, se rendre sur www.accede-web.com/notices/ !

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

Lorsque les images ne sont pas affichées, les contenus textuels 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.

Astuce

Chaque fois qu’un texte est superposé à une image d’arrière-plan, veiller à 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.

L’absence des attributs height et width dans le code HTML, demandée dans une précédente recommandation de cette notice, permet de garantir l’affichage des alternatives.

Recommandations associées

notices/html-css/garantir-la-lisibilite-des-contenus-lorsque-les-images-ne-sont-pas-affichees.txt · Dernière modification: Le 06/03/2013 à 16:34 (modification externe)
 

Projet coordonné par Atalan.

En partenariat avec :

Et le soutien de :