La balise alt, plus exactement l’attribut alt de l’élément img en HTML, fournit un texte de remplacement pour une image. Ce texte décrit l’image pour ceux qui ne peuvent pas la voir.
Le nom « balise alt » est un abus de langage courant : alt est un attribut, placé à l’intérieur de la balise image. L’usage a consacré l’expression.
À quoi ça sert
- Les lecteurs d’écran lisent ce texte aux personnes malvoyantes. C’est un point de base de l’accessibilité.
- Le navigateur l’affiche quand l’image ne se charge pas.
- Les moteurs de recherche s’en servent pour comprendre l’image et la classer, notamment dans Google Images.
Bien la rédiger
Un bon texte alternatif décrit ce que montre l’image dans son contexte, en une phrase courte. Pour une photo de produit : le nom du produit et ce qui le distingue. Pour un graphique : l’information qu’il porte.
Une image purement décorative reçoit un attribut alt vide (alt= » »), pour que les lecteurs d’écran l’ignorent. L’attribut doit tout de même être présent.
À éviter : « image », « photo1.jpg », ou une suite de mots-clés. Ce remplissage gêne la lecture et n’apporte rien au référencement naturel.
À ne pas confondre
L’attribut title affiche une infobulle au survol de la souris. Il ne remplace pas le texte alternatif, et les lecteurs d’écran ne le lisent pas de façon fiable.
Nous vérifions les textes alternatifs lors de nos audits de référencement, car ils manquent souvent sur les sites existants.