- Le texte alternatif (attribut alt) est une courte description associée à une image dans le code de la page.
- Il sert aux personnes aveugles ou malvoyantes, dont le lecteur d'écran le lit à voix haute, et à Google, qui l'utilise pour comprendre l'image.
- Écris ce que l'image apporte à la page, en quelques mots, sans « image de » ni liste de mots-clés.
- Une image purement décorative reçoit un texte alternatif vide : alt="".
- Les réponses des IA s'appuient sur le texte des pages : le texte alternatif y ajoute la description de ton image.
- En HTML, il s'écrit dans la balise img ; dans WordPress, dans le champ « Texte alternatif » de l'image.
Tu publies la photo de ta vitrine, de ton dernier produit ou de ton équipe. Pour toi, elle parle d'elle-même.
Une personne aveugle navigue avec un lecteur d'écran. Pour elle, cette photo n'existe que par les quelques mots que tu y as associés : son texte alternatif. Google s'en sert aussi pour la comprendre, avec le contenu de la page. Quand ces mots manquent, l'image reste muette.
Et ils manquent souvent. En février 2026, le rapport WebAIM Million a analysé les pages d'accueil du million de sites les plus visités. Sur 53,1 % d'entre elles, au moins une image n'avait pas de texte alternatif. C'est la deuxième erreur d'accessibilité la plus répandue, après le manque de contraste des textes.
Pourtant, un texte alternatif s'écrit en une minute. Voici comment l'ajouter, et surtout quoi y mettre.
Texte alternatif : définition
Le texte alternatif est une courte description associée à une image, dans le code de la page web. Il ne s'affiche pas à l'écran, sauf quand l'image ne se charge pas : il apparaît alors à sa place.
Il sert à quatre publics :
- les personnes aveugles ou malvoyantes, dont le lecteur d'écran lit le texte alternatif à voix haute ;
- Google, qui utilise « non seulement le contenu de la page, mais aussi le texte alternatif avec des algorithmes de vision par ordinateur afin de déterminer l'objet de l'image » (documentation de Google sur les images) ;
- les outils d'IA qui rédigent des réponses à partir des pages web : leurs robots récupèrent le code de tes pages, texte alternatif compris (voir plus bas) ;
- tous tes visiteurs, quand une connexion lente empêche l'image de s'afficher.
On parle souvent de « balise alt » ou d'« alt tag ». Le terme exact est attribut alt, car il complète la balise img. Les trois expressions désignent la même chose.
Comment ajouter un texte alternatif à une image
En HTML
Le texte alternatif s'écrit dans l'attribut alt de la balise img, entre guillemets :
<img src="tablier-lin-terracotta.jpg" alt="Tablier de cuisine en lin terracotta, porté">
Dans WordPress
Clique sur l'image dans l'éditeur. Dans le panneau de réglages du bloc Image, à droite, remplis le champ « Texte alternatif ».
Tu peux aussi saisir le texte alternatif dans la médiathèque : WordPress le reprendra chaque fois que tu inséreras l'image. Attention, le modifier ensuite dans la médiathèque ne change rien sur les pages où l'image figure déjà. Corrige-le alors directement dans le bloc.
Sur les réseaux sociaux
LinkedIn, Instagram et Facebook proposent un champ de texte alternatif quand tu publies une image. Il se cache souvent dans les options d'édition de l'image ou dans les paramètres avancés. Les cinq règles ci-dessous s'y appliquent aussi.
Comment retrouver le texte alternatif d'une image
Dans Chrome, fais un clic droit sur l'image, puis choisis « Inspecter ». Le code de l'image s'affiche : son texte alternatif figure après alt=. Si tu ne vois pas d'attribut alt, l'image n'en a pas.
Comment écrire un bon texte alternatif : cinq règles
Pose-toi une seule question : au téléphone, que dirais-tu de cette image pour aider quelqu'un à comprendre ta page ?
1. Décris ce que l'image apporte à la page
Le bon texte alternatif dépend de l'endroit où l'image se trouve. La même photo d'une boulangère devant son four n'appelle pas la même description partout.
- Sur la page « Nos pains » : « Pains au levain à la croûte dorée, à la sortie du four ».
- Sur la page « Qui sommes-nous » : « La boulangère sort une fournée du four, à l'aube ».
2. Sois bref
Quelques mots suffisent le plus souvent, une courte phrase au plus. L'organisme américain WebAIM, référence en accessibilité, recommande d'être aussi concis que possible sans sacrifier l'exactitude.
3. Ne commence pas par « image de »
Le lecteur d'écran annonce déjà qu'il s'agit d'une image. Écrire « photo de… » ou « image représentant… » lui fait répéter l'information pour rien.
❌ alt="Photo d'un tablier en lin"
✅ alt="Tablier de cuisine en lin terracotta, porté"
4. Mets ton mot-clé seulement s'il décrit l'image
Le texte alternatif aide ton référencement quand il décrit fidèlement l'image. Une liste de mots-clés produit l'effet inverse. Selon Google, elle « nuit à l'expérience utilisateur et peut donner l'impression que votre site est du spam ». Google en donne lui-même un exemple :
❌ alt="chiot chien bébé chien chiots toutous"
⚠️ alt="chiot" (préférable, mais vague)
✅ alt="Chiot dalmatien en train de jouer à la balle"
5. Adapte-toi aux cas particuliers
| Type d'image | Que mettre dans le texte alternatif | Exemple |
|---|---|---|
| Image décorative (motif, séparateur, fond) | Rien, mais garde l'attribut : un alt vide dit au lecteur d'écran de passer son chemin. | alt="" |
| Image qui sert de lien (logo, bouton) | Où mène le lien, ou ce que fait le bouton. | alt="Retour à l'accueil" |
| Image qui contient du texte (bannière, citation) | Le texte de l'image, mot pour mot. | alt="-20 % sur toute la boutique jusqu'à dimanche" |
| Image complexe (graphique, infographie) | Un résumé en une phrase, et le détail dans le texte de la page, juste à côté. | alt="Ventes mensuelles 2026 : pic en décembre" |
Pour les images complexes, oublie l'attribut longdesc qu'on recommandait autrefois : il est obsolète.
Texte alternatif et réponses des IA
ChatGPT, Perplexity ou les Aperçus IA de Google s'appuient sur le texte des pages web pour rédiger leurs réponses. Pour ses Aperçus IA, Google n'attend rien de spécial de ta part. Son guide consacré à ces fonctionnalités l'écrit en toutes lettres : « Aucune exigence supplémentaire ni optimisation spéciale ne sont requises pour apparaître dans les Aperçus IA ou le Mode IA. » Parmi les bonnes pratiques qu'il rappelle, retiens celle-ci : « S'assurer que les contenus importants sont disponibles sous forme textuelle » (guide de Google sur les fonctionnalités d'IA).
Pour une image, le texte alternatif en est la première forme textuelle. Or tous les robots d'IA ne traitent pas les images de la même façon. En décembre 2024, l'hébergeur Vercel a publié une étude sur les robots d'IA qui visitent les sites qu'il héberge. Pour le robot de Claude, les images représentaient 35 % des fichiers récupérés. Celui de ChatGPT récupérait surtout des pages HTML (57,7 %). Tu ne sais donc pas si une IA regardera ta photo. Mais si elle récupère ta page, elle y trouvera la description que tu en as écrite.
Deux réflexes en découlent :
- n'enferme jamais une information importante dans une image : un prix, un horaire ou les chiffres clés d'une infographie doivent aussi figurer dans le texte de la page ;
- vérifie que tes images figurent dans le code de la page : selon la même étude, les robots d'IA d'OpenAI, d'Anthropic ou de Perplexity n'exécutent pas le JavaScript, contrairement à ceux de Google. Une galerie chargée uniquement par un script leur reste donc invisible. Dans Chrome, fais un clic droit sur ta page, puis choisis « Afficher le code source de la page », et cherche le nom du fichier de ton image. Si tu ne le trouves pas, elle est sans doute chargée par un script.
Les IA ne changent rien à la règle 4 : décris l'image, sans aligner de mots-clés.
Le texte alternatif est-il obligatoire ?
Pour une partie des entreprises, oui. Depuis le 28 juin 2025, la directive européenne sur l'accessibilité s'applique à plusieurs services, dont le commerce en ligne. Les microentreprises qui fournissent des services en sont exemptées. Au sens de la directive, une microentreprise compte moins de dix personnes. Son chiffre d'affaires annuel ou son total de bilan ne dépasse pas 2 millions d'euros.
Si ta boutique en ligne vend à des particuliers et dépasse ces seuils, l'accessibilité de ton site devient une obligation. Le texte alternatif en est la première marche. Sous ces seuils, rien ne change pour tes clients malvoyants : sans texte alternatif, tes fiches produits restent muettes pour eux.
Questions fréquentes sur le texte alternatif
Quelle différence entre texte alternatif et légende ?
La légende s'affiche sous l'image et tout le monde la lit. Le texte alternatif ne s'affiche pas : les lecteurs d'écran et les moteurs de recherche le lisent dans le code. Une image peut avoir les deux, à condition qu'ils ne se répètent pas mot pour mot.
Quelle longueur pour un texte alternatif ?
Quelques mots, une courte phrase au plus. Si l'image demande une longue explication, résume-la dans le texte alternatif et développe-la dans le texte de la page.
Le texte alternatif améliore-t-il le référencement ?
Oui, dans la mesure où il aide Google à comprendre ce que montre l'image, notamment pour Google Images. Il n'agit que s'il décrit fidèlement l'image : une liste de mots-clés est contre-productive.
Faut-il un texte alternatif pour toutes les images ?
Chaque image doit avoir un attribut alt. Pour une image utile, il la décrit. Pour une image purement décorative, il reste vide (alt=""), pour que le lecteur d'écran l'ignore.
Le texte alternatif compte-t-il pour ChatGPT et les Aperçus IA de Google ?
Il peut compter : il figure dans le code de ta page, que les robots de ces outils récupèrent. Google ne demande aucune optimisation spéciale pour ses Aperçus IA. Parmi ses bonnes pratiques, il conseille de rendre les contenus importants disponibles sous forme de texte. Pour une image, le texte alternatif en est le premier moyen.
L'IA peut-elle écrire mes textes alternatifs ?
Certains outils proposent une description générée automatiquement. Relis-la toujours : l'outil décrit ce qu'il voit, sans savoir pourquoi l'image figure sur ta page.
Envie d'écrire des pages que tout le monde peut lire ? Le cours gratuit Les bases de la rédaction web compte six leçons. L'une d'elles t'apprend à alléger la charge visuelle de tes pages. Et pour aller plus loin, suis le guide de la rédaction web.