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 etapplet) ; 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 alt dans 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 alt est 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 alt permet 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 alt vide (c'est-à-dire alt=""), 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 alt et 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.

Reprise très légèrement modifiée de la traduction faite par Patrick Blanchenay, source W3C.

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.