Balise alt
Balise alt : décrire une image pour ceux qui ne la voient pas
La balise alt contient le texte alternatif d'une image. Elle est lue par les technologies d'assistance et s'affiche quand l'image ne se charge pas. Elle sert d'abord l'accessibilité du contenu, et accessoirement le référencement des images dans les moteurs de recherche.
<img src="tableau-de-bord.webp" alt="Tableau de bord affichant le coût par lead par canal">
Comment rédiger une balise alt
Elle décrit ce que l’image apporte à la page, pas ce qu’elle contient exhaustivement. Une photo de produit sur fond blanc n’a pas besoin qu’on mentionne le fond blanc.
| Type d’image | Contenu de la balise alt |
|---|---|
| Photo de produit | Le produit, sa couleur, son modèle |
| Graphique | La conclusion que le graphique montre |
| Image de décoration | Une balise vide, volontairement |
| Image cliquable | La destination du lien, pas l’image |
| Capture d’écran | Ce qu’elle démontre |
L’image de décoration doit porter une balise alt vide plutôt qu’aucune balise. Un lecteur d’écran l’ignore alors proprement au lieu de lire un nom de fichier.
Ce que la balise alt apporte au référencement
Elle permet l’indexation dans la recherche d’images, et donne au moteur un indice sur le sujet de la page. L’effet reste modeste comparé au texte de la page elle-même.
Bourrer une balise alt de mots clés dessert l’accessibilité pour un gain nul.
L’obligation d’accessibilité
Le texte alternatif figure parmi les exigences des référentiels d’accessibilité. Une image porteuse d’information sans alternative rend le contenu inaccessible aux personnes qui utilisent un lecteur d’écran.
Pour les organismes soumis à l’obligation légale, l’absence est un manquement.
Ce qu’une balise alt ne doit pas contenir
La mention « image de » ou « photo de ». Le lecteur d’écran annonce déjà qu’il s’agit d’une image.
Les confusions fréquentes et ce qui les sépare
- Attribut title
- Le title affiche une infobulle au survol et n'est pas lu par tous les lecteurs d'écran. La balise alt est le texte de remplacement officiel.
- Légende
- La légende s'affiche sous l'image pour tous les visiteurs. La balise alt ne s'affiche que si l'image manque.
Mis à jour le