Attribut ALT
Attributs alt, à quoi servent-ils ?
L'attribut alt est un élément HTML défini pour un ensemble de balises (notamment pour img, area et optionnellement pour input et applet) ; il vous permet de fournir un équivalent texte à un "objet" (sans parler de la balise object).
Un équivalent texte offre à votre site et ses visiteurs certains avantages dans des situations courantes :
- De nos jours, des agent-logiciels (navigateurs Web, téléphones mobiles, spiders, PDA, plages Braille, etc.) sont disponibles sur une grande variété de systèmes d'exploitation et offrent des possibilités très inégales ; certains ne peuvent pas du tout afficher d'images ou n'en afficher qu'un certain type ; certains peuvent être configurés pour ne pas charger les images (politique de sécurité d'une entreprise par exemple). Si vous avez utilisé l'attribut
altdans votre code, la plupart de ces navigateurs afficheront les descriptions que vous avez données à la place des images correspondantes. - Certains de vos visiteurs ne peuvent pas voir les images, qu'ils soient aveugles, daltonien ou déficient visuel ; l'attribut
altest d'un grand secours pour ces personnes car elles peuvent s'en servir pour se faire une bonne idée de ce qu'il y a sur votre page - Les robots des moteurs de recherche appartiennent à ces deux catégories : si vous voulez que votre site soit indexé comme il le mérite, l'attribut
altpermet de vous assurer qu'ils ne rateront des parties importantes de vos pages.
Que dois-je mettre dans l'attribut alt ?
Pour remplir l'attribut alt, la règle générale consiste à utiliser un texte qui remplit la même fonction que l'image.
Plus précisément :
- si l'image est simplement un texte décoré, mettez le texte dans l'attribut
alt, - si l'image sert à créer des puces dans un liste, ou une ligne horizontale, ou une autre décoration similaire, vous pouvez laisser l'attribut
altvide (c'est-à-direalt=""), mais celui-ci doit toujours être implémenté. - si l'image offre une quantité importante d'information, essayez de la résumer en une courte phrase pour l'attribut
altet renvoyez grâce à l'attribut "longdesc" (dans lequel on donne une référence, une ancre ou une URL) vers une explication plus détaillée.
Par ailleurs, je vous recommande également de lire la fiche Accessiweb sur les éléments graphiques afin d'implémenter au mieux les images dans une page.
Cette ressource buggue ? Dites le moi. Elle vous est utile ? faites-y référence :<a href="http://www.outils-referencement.com/lexique-referencement/attribut-alt">Attribut ALT</a>