Le texte alternatif des images produit, c'est l'endroit précis où votre schéma coté cesse discrètement d'exister. La photo se charge, les cotes s'affichent en corps 48, et tout lecteur qui n'est pas une paire d'yeux humains — lecteur d'écran, robot d'indexation, moteur de réponse IA — ne reçoit rien du tout.
Le baromètre d'accessibilité e-commerce du Baymard Institute met un chiffre sur l'ampleur du phénomène : 55 % des sites e-commerce n'utilisent pas le texte alternatif pour transmettre le contenu essentiel des images informatives, 64 % incrustent du texte directement dans les images et 9 % présentent une information complexe uniquement sous forme d'image. Si vous vendez du mobilier, de la quincaillerie ou des matériaux de construction, ces derniers 9 %, c'est presque certainement vous, parce que le guide des tailles est un JPEG.
Voici six schémas relevés dans de vraies galeries de fiches produit, la raison pour laquelle chacun échoue, et ce qu'il faut écrire à la place.
Ce que le texte alternatif des images produit doit réellement faire
Le texte alternatif des images produit est l'alternative textuelle stockée dans l'attribut alt d'une image — les mots qu'un lecteur d'écran annonce à la place de l'image, et la seule description de cette image dont dispose tout système incapable de la regarder.
Il a deux publics, et la plupart des vendeurs ne budgètent que pour le premier :
| Lecteur | Ce qu'il fait du texte alternatif | Ce qu'il obtient quand le texte alternatif est mauvais |
|---|---|---|
| Utilisateur de lecteur d'écran | Tout le contenu de l'image | Le silence, ou un nom de fichier épelé lettre par lettre |
| Robot d'indexation | Le contexte de l'image et le sujet de la page | Aucun signal ; l'image ne se positionne sur rien |
| Moteur de réponse IA | La seule version lisible par une machine de ce que montre l'image | Ce que dit votre HTML, c'est-à-dire parfois rien |
| Votre propre PIM ou export de flux | Les légendes d'images envoyées aux marketplaces et aux catalogues | Des champs vides que vos partenaires de diffusion remplissent mal |
L'initiative pour l'accessibilité du Web du W3C est directe sur le problème de fond : lorsque du texte est incrusté dans une image, « il est de bonne pratique d'utiliser du vrai texte mis en forme avec CSS plutôt qu'une présentation du texte sous forme d'image », et lorsqu'une image de texte est réellement inévitable, l'alternative textuelle doit reprendre exactement le même texte que celui affiché dans l'image. Une cote imprimée à l'intérieur d'un JPEG n'est pas une donnée produit. C'est l'image d'une donnée produit, et rien d'autre qu'un œil humain ne sait la lire.
Il y a désormais un versant juridique à cela en Europe. L'Acte européen sur l'accessibilité — directive (UE) 2019/882 — cite les services de commerce électronique à l'article 2, paragraphe 2, point f) parmi les services couverts, et les États membres l'appliquent depuis le 28 juin 2025. Les microentreprises qui fournissent des services en sont exemptées au titre de l'article 4, paragraphe 5, la microentreprise étant définie à l'article 3, point 23) comme employant moins de 10 personnes et réalisant un chiffre d'affaires annuel ou un total de bilan annuel n'excédant pas 2 millions d'euros. Si vous êtes plus gros que cela et que vous vendez à des consommateurs de l'UE, le guide des tailles en JPEG n'est plus seulement un problème de conversion.
Anti-modèle 1 : le nom de fichier
alt="IMG_4821.jpg". alt="sofa-3-final-v2-USE-THIS". alt="chair_dim_01".
Voilà ce que l'on obtient quand les images sortent d'un dossier et sont téléversées en masse sans que personne n'écrive de légende. Sur une page où l'attribut alt est absent, la plupart des lecteurs d'écran se rabattent sur la lecture du nom de fichier — le client entend donc « I M G tiret bas quatre huit deux un point j p g » et passe son chemin.
Le correctif n'a rien de malin. C'est une phrase qui décrit le produit précis dans la prise de vue précise.
| À la place de | Écrivez |
|---|---|
alt="IMG_4821.jpg" |
alt="Table de salle à manger en chêne, 180 cm de long, vue de face" |
alt="chair_dim_01" |
alt="Schéma coté de chaise de salle à manger : hauteur d'assise 46 cm, hauteur totale 88 cm, largeur d'assise 45 cm" |
Anti-modèle 2 : l'empilement de mots-clés
alt="sofa couch settee 3 seater sofa cheap sofa modern sofa living room sofa buy sofa online".
Les consignes de Google sur les images le disent sans détour : l'attribut alt est « l'attribut le plus important lorsqu'il s'agit de fournir des métadonnées sur une image », et le bourrer « nuit à l'expérience utilisateur et peut faire passer votre site pour du spam ». L'exemple que Google publie comme bon fait quatre mots : alt="Dalmatian puppy playing fetch".
Il y a un second coût dont personne ne parle. Un lecteur d'écran lit toute la chaîne, à la vitesse de lecture de l'utilisateur, sans possibilité de survol. Neuf mots-clés répétés, ce sont neuf secondes de bruit avant d'apprendre quoi que ce soit sur votre produit.
Écrivez la seule description qui soit vraie. Le mot-clé que vous visez vraiment y figure naturellement, une fois.
Anti-modèle 3 : le guide des tailles qui n'existe qu'en image
C'est le plus coûteux, et c'est la norme par défaut dans le mobilier, l'habillement et les matériaux de construction : un tableau de mesures complet exporté en PNG de 1200 px et déposé dans la galerie.
Le W3C traite ce cas comme une image complexe et impose une alternative textuelle en deux parties — une description courte qui identifie l'image et renvoie vers la description longue, et une description longue qui est « une représentation textuelle de l'information essentielle véhiculée par l'image », accessible à tout le monde plutôt que masquée.
En pratique, « accessible à tout le monde » est toute la réponse. N'essayez pas de faire entrer douze mesures dans un attribut alt. Publiez le tableau sous forme de véritable tableau HTML sur la page, et laissez l'attribut alt pointer vers lui :
alt="Guide des tailles de la gamme de canapés Larsen ; les mêmes mesures figurent dans le tableau ci-dessous"
Puis placez le tableau juste en dessous. Cela ne vous coûte rien : un tableau balisé est indexable, citable par un moteur de réponse IA, traduisible, et il tient sur un téléphone, ce qu'un PNG de 1200 px en corps 9 ne fait pas. Des pages de référence comme les dimensions standard d'un canapé existent en texte exactement pour cette raison. Si vous voulez en plus les mesures sur l'image elle-même, pour l'acheteur qui ne fait jamais défiler la page, gardez les deux. L'image et le tableau ne sont pas concurrents ; c'est l'image sans le tableau qui pose problème.
Anti-modèle 4 : décrire la photo au lieu des chiffres
alt="canapé en tissu gris dans un salon lumineux" — sur un schéma coté.
C'est l'échec le plus subtil, parce que la phrase est techniquement exacte. Elle décrit une image. Simplement, elle ne décrit pas cette image-là, dont toute la raison d'être tient aux cinq mesures que la description produit ne donne pas.
Deux règles couvrent presque tous les cas :
- Si le rôle de l'image est de faire bonne impression, décrivez ce à quoi elle ressemble.
- Si le rôle de l'image est de porter une information, c'est le texte alternatif qui porte l'information — les chiffres, les unités, et ce que mesure chaque chiffre.
Le moment où l'on se trompe, c'est quand un même produit a les deux. Une photo d'ambiance et un schéma coté du même canapé demandent des textes alternatifs complètement différents, et recopier celui de la photo d'ambiance sur le schéma revient à jeter la seule image de la page qui répond à « est-ce que ça rentre ».
Anti-modèle 5 : un paragraphe de texte alternatif sur une image décorative
La texture de fond, le trait de séparation, la fioriture de marque en haut du module A+. Quelqu'un écrit alt="magnifique texture de fond en bois de chêne naturel" pour toutes, et l'utilisateur de lecteur d'écran entend désormais trois phrases de décor entre chaque vraie image produit.
Les images décoratives prennent un attribut alt vide — alt="" — qui indique à la technologie d'assistance d'ignorer entièrement l'image. Ce n'est pas la même chose qu'omettre l'attribut, ce qui fait de l'image un inconnu non étiqueté, annoncé quand même. Vide et absent se ressemblent dans votre CMS et se comportent de façon opposée.
Un arbitrage mérite d'être posé explicitement : une photo de mise à l'échelle n'est pas décorative. Une photo de votre produit à côté d'une feuille A4 standard fait un travail d'information, et son texte alternatif doit le dire.
Anti-modèle 6 : un seul texte alternatif pour douze images de galerie
Les outils d'édition en masse rendent la chose trop facile. Chaque image de la fiche reçoit alt="Canapé Larsen 3 places", si bien qu'un utilisateur de lecteur d'écran entend les mêmes quatre mots douze fois de suite et n'apprend jamais que l'image 4 est le schéma coté, l'image 7 le gros plan du tissu et l'image 9 le carton d'emballage.
Numérotez-les par fonction, pas par position. Voici le modèle que nous remettons aux vendeurs de produits dimensionnés :
| Rôle de l'image | Modèle de texte alternatif |
|---|---|
| Photo d'ambiance | {product name}, {finish/colour}, {view} |
| Schéma coté | Schéma coté de {product} : {measurement 1}, {measurement 2}, {measurement 3} |
| Mise à l'échelle | {product} présenté à côté de {reference object} pour donner l'échelle |
| Détail / matière | Gros plan de {material/joint/finish} sur {product} |
| Installé / en situation | {product} installé dans {context}, montrant {clearance or fit detail} |
| Carton d'emballage | Carton d'emballage de {product} : {L} x {W} x {H} {unit}, {weight} |
| Guide des tailles | Guide des tailles de {range} ; mêmes mesures listées dans le tableau ci-dessous |
| Décorative | alt="" |
L'audit en 60 secondes
Faites-le sur vos cinq fiches les plus vendues avant de le faire où que ce soit d'autre.
- Aucun attribut alt ne contient d'extension de fichier (
.jpg,.png,.webp) - Deux images d'une même fiche ne partagent jamais un texte alternatif identique
- Le texte alternatif de chaque schéma coté contient au moins un chiffre et une unité
- Chaque image de guide des tailles est accompagnée des mêmes données sous forme de tableau HTML
- Les images décoratives ont
alt="", pas un attribut absent ni une description - Aucun attribut alt ne répète un mot-clé plus d'une fois
- Le texte alternatif est rédigé dans la langue de la boutique, pas seulement en anglais
- Les mesures du texte alternatif correspondent à celles du tableau de spécifications — vérifiez, ce n'est souvent pas le cas
Ce dernier point attrape plus d'erreurs que tous les autres réunis. Dès qu'un chiffre est dessiné sur une image, il cesse d'être relié à la fiche dont il provient, et il reste faux à travers chaque révision de spécifications. La même défaillance se retrouve dans les flux : voir les données structurées de dimensions produit pour les champs qui restent vides pour des raisons identiques.
Le rapport avec le fait d'être cité
Les moteurs de recherche indexent les attributs alt depuis vingt ans. Ce qui a changé, c'est qui d'autre les lit. Un moteur de réponse IA qui compose une réponse sur « la profondeur d'un canapé pour un petit appartement » ne peut pas ouvrir votre JPEG. Il ne peut travailler qu'à partir du texte présent dans votre HTML — la description produit, le tableau de spécifications et les attributs alt. Tout ce que vous avez dessiné sur l'image et nulle part ailleurs lui est invisible.
C'est l'argument pratique en faveur de la discipline décrite plus haut, indépendamment du droit de l'accessibilité et indépendamment des lecteurs d'écran : les mesures que vous publiez en texte sont les mesures sur lesquelles on peut vous citer.
FAQ
Quelle longueur doit faire le texte alternatif d'une image produit ?
Assez long pour transmettre ce que montre l'image, assez court pour être entendu d'un seul souffle. Pour une photo d'ambiance, cela fait en général 5 à 12 mots. Pour un schéma coté, c'est plus long, parce que les chiffres sont le contenu. Si vous dépassez à peu près deux lignes, l'image est une image complexe et demande le traitement en deux parties — un alt court, plus l'ensemble des données publiées en texte sur la page.
Le texte alternatif aide-t-il le référencement ?
Oui, mais comme contexte, pas comme levier de classement sur lequel tirer. Google décrit l'attribut alt comme la source de métadonnées la plus importante à propos d'une image, et le bourrage de mots-clés y est explicitement listé comme un comportement de spam. Écrivez-le pour une personne qui ne peut pas voir l'image ; le bénéfice SEO est un effet secondaire du fait de bien le faire.
Quel texte alternatif écrire pour une image de guide des tailles ?
Une courte phrase d'identification qui renvoie au vrai tableau — par exemple « Guide des tailles de la gamme de canapés Larsen ; les mêmes mesures figurent dans le tableau ci-dessous » — puis publiez effectivement le tableau en HTML. Vouloir faire tenir toute une grille de mesures dans un attribut alt produit quelque chose qu'aucun utilisateur de lecteur d'écran ne peut suivre et qu'aucun robot ne peut découper en lignes.
Faut-il un texte alternatif sur les images produit décoratives ?
Il leur faut un attribut alt vide, alt="", ce qui n'est pas la même chose que d'omettre l'attribut. Vide dit à la technologie d'assistance d'ignorer l'image. Absent en fait un inconnu qui sera annoncé quand même, en général par son nom de fichier.
L'Acte européen sur l'accessibilité s'applique-t-il à ma boutique en ligne ?
Si vous fournissez des services de commerce électronique à des consommateurs de l'UE et que vous n'êtes pas une microentreprise, oui — les services de commerce électronique figurent à l'article 2, paragraphe 2, point f) de la directive (UE) 2019/882, applicable depuis le 28 juin 2025. L'exemption des microentreprises prévue à l'article 4, paragraphe 5 couvre les prestataires de services employant moins de 10 personnes et réalisant un chiffre d'affaires annuel ou un total de bilan annuel inférieur ou égal à 2 millions d'euros. Vérifiez la transposition nationale qui vous concerne pour le détail, car le contrôle et les sanctions relèvent de chaque État membre.
Pourquoi mes cotes se font-elles rogner avant que quiconque puisse les lire ?
C'est un problème distinct avec la même racine — une information qui ne vit que dans des pixels. Les galeries des marketplaces recadrent selon leurs propres ratios, et les libellés placés près du bord disparaissent ; le ratio d'image produit traite des règles de zone de sécurité canal par canal.
Sources et références
- Baymard Institute — Utiliser le texte « ALT » pour transmettre le contenu essentiel des images « informatives » (55 % des sites ne le font pas)
- W3C Web Accessibility Initiative — Tutoriel sur les images : les images de texte
- W3C Web Accessibility Initiative — Tutoriel sur les images : les images complexes
- W3C Web Accessibility Initiative — Tutoriel sur les images : les images décoratives
- Google Search Central — Bonnes pratiques Google Images, y compris les consignes sur le texte alternatif
- EUR-Lex — Directive (UE) 2019/882 (Acte européen sur l'accessibilité) : article 2, paragraphe 2, point f), article 3, point 23), article 4, paragraphe 5, article 31
- Commission européenne — Acte européen sur l'accessibilité : produits et services couverts
Régler le problème une fois, plutôt qu'une fois par image
Chacun des anti-modèles ci-dessus est la même défaillance déguisée : une mesure a été dessinée dans une image et jamais écrite quelque part où une machine puisse la lire. Vous ne corrigerez pas cela avec de meilleures habitudes de rédaction d'alt, parce que les chiffres que vous décrivez ont été tapés à la main par-dessus la photo et s'écartent déjà des spécifications.
La version qui tient dans le temps consiste à traiter la couche de cotation comme une donnée, pas comme un dessin. Mesurez sur les arêtes réelles du produit, pour que le chiffre soit mesuré et non estimé à l'œil ; gardez la couche d'annotation vivante et modifiable au lieu de l'aplatir dans un JPEG ; puis exportez deux choses depuis la même source — l'image légendée au format exigé par chaque canal, et la liste des mesures sous forme de texte que vous collez dans le tableau de spécifications et dans l'attribut alt. C'est toute la différence entre un logiciel d'annotation qui mesure vraiment et un générateur d'images par IA qui produit un chiffre plausible à côté de votre produit : l'un peut vous dire ce qu'il a mesuré, l'autre l'a inventé. Si vous refaites de toute façon vos visuels de fiche produit, la fiche technique est le bon endroit pour rendre les chiffres vivants, parce que c'est le document que lisent à la fois l'acheteur et votre propre catalogue.