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

5.1.1. Utiliser une alternative vide (alt="") sur les images décoratives et illustratives

Lorsqu’une image décorative ou illustrative est intégrée dans le code HTML, l’attribut alt doit être ajouté sur la balise <img /> et laissé vide (sans aucun espace entre les guillemets de alt=””).

<img src="image-decorative.png" alt="" />

Astuce

Afin de savoir à coup sûr si une image est décorative/illustrative ou informative, se demander si l’absence de celle-ci altérerait la compréhension du contenu. Si oui : renseigner le texte de remplacement ; si non : laisser le texte de remplacement vide.

Remarque

Autant que possible, les images décoratives ne doivent pas être intégrées dans le code HTML, mais chargées dans la page via CSS.

Exemples


Dans cet exemple, les images décoratives et illustratives sont pointées. Si elles sont intégrées dans le code HTML et non cliquables elles doivent alors disposer d’une alternative vide (alt=””).

Recommandations associées

notices/html-css/utiliser-une-alternative-vide-alt-sur-les-images-decoratives-et-illustratives.txt · Dernière modification: Le 06/03/2013 à 16:34 (modification externe)
 

Projet coordonné par Atalan.

En partenariat avec :

Et le soutien de :