Rédiger les alternatives des images produits

Une alternative textuelle — l'attribut alt d'une image — est ce qu'un lecteur d'écran dit à la place de l'image, et ce qui s'affiche quand l'image ne se charge pas. Dans une boutique, c'est souvent le seul moyen pour un client aveugle de savoir à quoi ressemble un produit. C'est aussi l'un des problèmes les plus fréquents du web : des images sans aucune alternative.

Trois questions avant d'écrire

1. L'image porte-t-elle une information ? Si elle ne fait que décorer — un motif de fond, un séparateur, un ornement — elle reçoit une alternative vide, alt="", et les lecteurs d'écran l'ignorent (RGAA 1.2).
2. Le texte autour le dit-il déjà ? Une photo accompagnée d'une légende qui la décrit entièrement n'a pas besoin de répéter la légende.
3. Que diriez-vous au téléphone ? Décrivez l'image comme à un client qui appelle la boutique : ce qui compte pour quelqu'un qui hésite à acheter (RGAA 1.3).

Des exemples pour les photos produits

Alternatives des photos produits, faibles et utiles

Image	Alternative faible	Alternative utile
Photo principale d'une robe	IMG_4021.jpg	Robe en lin bleue, manches courtes, longueur genou
Détail du tissu	image	Gros plan sur le tissage du lin, légèrement irrégulier
La robe portée	robe	La robe portée avec des baskets blanches, de profil
Guide des tailles en image	guide des tailles	Mettez plutôt le guide dans un tableau HTML ; l'image peut alors être décorative
Logo qui mène à l'accueil	logo	Accueil — Atelier Lina (la destination du lien, pas le dessin)

Les pièges courants

• Le nom du fichier. WordPress ne remplit pas l'alternative avec le nom du fichier, mais des thèmes et des imports le font parfois. Un lecteur d'écran qui lit « IMG tiret bas 4021 point jpg » n'aide personne.
• « Image de… » Les lecteurs d'écran annoncent déjà qu'il s'agit d'une image. Commencez par ce qu'elle montre.
• Trop long. Une phrase suffit. Les détails comme les dimensions ou la composition ont leur place dans la description du produit, où tout le monde peut les lire.
• La même alternative partout. Cinq photos d'un même produit qui portent toutes le nom du produit ne disent rien de ce que montre chacune.
• Du texte dans l'image. Si une bannière annonce « −20 % ce week-end », l'alternative doit le dire aussi.

Ce que l'IA apporte, et ce qu'elle n'apporte pas

Pour un catalogue de centaines de photos, tout rédiger à la main est long. Un modèle d'IA qui voit l'image peut proposer une description dans la bonne langue en quelques secondes, et il est en général bon sur les couleurs, les formes et les matières.

Il ne sait pas ce qui compte pour vos clients, le nom exact du produit ni pourquoi cette photo est sur cette page. C'est pourquoi une personne doit relire chaque suggestion avant de l'enregistrer. Relyo Pro fonctionne ainsi : il propose l'alternative sur l'écran de correction, dans la langue de la page, et rien n'est enregistré avant que vous ne confirmiez.