Le texte alternatif des images : à quoi il sert, comment l'écrire

Derrière chaque image d'un site, on peut ajouter une courte phrase invisible pour la plupart des visiteurs : le texte alternatif, souvent appelé « alt ». Il est simple à écrire, rapide, et pourtant souvent oublié.

À quoi sert le texte alternatif ?

Il a trois rôles.

• L'accessibilité : les personnes aveugles ou malvoyantes utilisent des logiciels qui lisent la page à voix haute. Sans texte alternatif, l'image est passée sous silence, ou annoncée par son nom de fichier.
• Google : un moteur de recherche ne « voit » pas une photo comme vous. Le texte alternatif l'aide à comprendre ce qu'elle montre.
• Quand l'image ne s'affiche pas : connexion faible, image supprimée par erreur. Le texte apparaît à sa place.

Comment l'écrire

Imaginez que vous décrivez la photo au téléphone à quelqu'un qui ne la voit pas, en une phrase.

1. Décrivez ce qu'on voit, concrètement.
2. Ajoutez le contexte utile : le produit, le lieu si c'est pertinent.
3. Restez court : une phrase suffit.

Des exemples

• Pas bien : « image », « photo1 », « boulangerie ».
• Mieux : « Éclairs au chocolat en vitrine ».
• Très bien : « Éclairs au chocolat et au café en vitrine de la pâtisserie, à Saint-Paul ».

Autres exemples :

• « Façade bleue du salon de coiffure avec l'enseigne, vue depuis la rue ».
• « Plat de cari poulet servi avec riz et grains ».
• « Cuisine en bois réalisée par l'atelier, plan de travail clair ».

Les erreurs à éviter

• Empiler des mots-clés : « pizza pizzeria pizza Saint-Denis meilleure pizza Réunion ». C'est illisible pour une personne malvoyante, et ça n'aide pas Google.
• Commencer par « Image de… » ou « Photo de… » : les logiciels de lecture annoncent déjà qu'il s'agit d'une image.
• Décrire autre chose que ce que montre l'image : soyez honnête.
• Recopier le même texte sur toutes les images.

Les images purement décoratives

Une ligne, une forme, un motif de fond qui n'apporte aucune information n'a pas besoin de description. Dans ce cas, le texte alternatif est laissé vide volontairement, pour que les logiciels de lecture l'ignorent. Si quelqu'un gère votre site, il saura le faire.

Où le remplir ?

Selon l'outil utilisé pour votre site, le champ s'appelle « texte alternatif », « alt » ou « description de l'image ». Il apparaît en général quand on ajoute ou modifie une image. Si vous ne le trouvez pas, demandez à la personne qui s'occupe de votre site.

Une petite vérification

Prenez les cinq images principales de votre page d'accueil et vérifiez qu'elles ont chacune une description claire. C'est l'affaire de quelques minutes. Et pensez à le faire à chaque nouvelle image, en même temps que sa préparation.

En résumé

• Le texte alternatif décrit l'image pour les personnes malvoyantes et pour Google.
• Une phrase concrète, honnête, avec le contexte utile.
• Pas d'empilement de mots-clés, pas de « Photo de… ».
• Texte vide pour les images purement décoratives.

Besoin d'un coup de main pour rendre votre site plus accessible ? Esteban DC accompagne les commerces de La Réunion : demandez à être rappelé.