HANS & FRIENDSLe texte alternatif, c’est la courte description cachée derrière chaque image. On ne le voit presque jamais, et c’est justement pour cela qu’on l’oublie. Pourtant, un bon texte alternatif ne prend que quelques secondes par image et aide doublement : les personnes qui ne peuvent pas voir votre page, et les moteurs de recherche.
Qu’est-ce qu’un texte alternatif ?
Le texte alternatif se trouve dans l’attribut alt de l’image, dans le code HTML. Il remplace l’image lorsqu’elle ne peut pas être vue : les lecteurs d’écran le lisent aux personnes aveugles ou malvoyantes, et le navigateur l’affiche quand une image ne se charge pas.
Pourquoi le texte alternatif est important
- Accessibilité : sans texte alternatif, un utilisateur de lecteur d’écran ne sait pas ce que montre l’image, ou entend au pire le nom du fichier. Depuis le 28 juin 2025, l’Acte européen sur l’accessibilité rend en outre l’accessibilité obligatoire pour de nombreuses boutiques en ligne dans l’UE.
- Moteurs de recherche : Google utilise le texte alternatif pour comprendre ce que montre une image et son rôle dans la page. Cela aide surtout dans la recherche d’images.
- Quand les images manquent : si une image ne se charge pas, par exemple parce que sa source est hors ligne, la description reste au moins affichée.
Bons et mauvais exemples
| Image | Faible | Mieux |
|---|---|---|
| Photo produit | image1.jpg | Tasse à café rouge en grès avec un bord blanc |
| Photo d’équipe | Photo | Trois collègues devant un tableau blanc pendant un atelier |
| Graphique | Graphique chiffre d’affaires | Diagramme en barres : chiffre d’affaires 2025 en hausse de 18 % par rapport à 2024 |
| Logo cliquable | Logo | Hans & Friends – page d’accueil |
| Image importée | Image from https://… | Vue du phare depuis la plage au coucher du soleil |
Six règles pour un bon texte alternatif
- Décrivez l’essentiel. Pas chaque détail, mais ce que l’image doit dire à cet endroit.
- Court et précis. Une phrase ou un groupe de mots suffit en général. On recommande souvent environ 125 caractères.
- Pas de « image de … ». Le lecteur d’écran annonce déjà qu’il s’agit d’une image.
- Pas de listes de mots-clés. Un mot-clé est bienvenu s’il a sa place. Des mots-clés à la chaîne n’aident personne et peuvent même nuire.
- Le texte de l’image va dans le texte alternatif. Si un visuel contient du texte, il doit figurer dans le texte alternatif.
- Les liens décrivent leur destination. Si une image est un lien, indiquez où il mène.
Images décoratives : texte alternatif vide
Les images purement décoratives, comme des motifs de fond, des séparateurs ou une icône à côté d’un texte qui dit la même chose, reçoivent un texte alternatif vide (alt=""). Les lecteurs d’écran les ignorent alors. Important : vide n’est pas la même chose qu’absent. Si l’attribut manque complètement, certains lecteurs d’écran lisent le nom du fichier à la place. L’arbre de décision pour le texte alternatif du W3C vous aide à décider.
Gérer le texte alternatif dans WordPress
- À l’insertion : cliquez sur l’image dans l’éditeur. Le champ « Texte alternatif » se trouve dans la barre latérale à droite.
- Dans la médiathèque : sous Médias → Médiathèque, ouvrez une image et saisissez-y le texte alternatif. Il sera repris lorsque vous insérerez l’image par la suite.
Attention, piège courant : si vous modifiez plus tard le texte alternatif dans la médiathèque, le texte des articles déjà publiés ne change pas. WordPress enregistre le texte alternatif directement dans l’article au moment de l’insertion. Vous devez donc modifier vous-même les articles existants dans l’éditeur.
Bien vérifier après une migration ou un import
Quand on reprend des images d’un ancien système ou qu’on importe des images externes dans la médiathèque, on récupère souvent des textes alternatifs qui ne décrivent rien : des noms de fichiers comme IMG_4711, des espaces réservés comme « Image from https://… » ou rien du tout. Cela ne se voit pas sur le site, c’est pourquoi un passage sur les pages principales vaut la peine après chaque migration. Commencez par les pages les plus visitées.
Liste de contrôle rapide
- Chaque image importante a-t-elle un texte alternatif ?
- Décrit-il ce que l’image dit à cet endroit ?
- Les images purement décoratives ont-elles un
alt=""vide ? - Le texte des visuels figure-t-il dans le texte alternatif ?
- Les images cliquables indiquent-elles où elles mènent ?
- Ne reste-t-il ni noms de fichiers ni espaces réservés après un import ?
Questions fréquentes
Le texte alternatif est-il la même chose que le titre de l’image ?
Non. Le titre (title) apparaît comme info-bulle dans certains navigateurs et n’est généralement pas lu de façon fiable par les lecteurs d’écran. Pour l’accessibilité et les moteurs de recherche, c’est le texte alternatif qui compte.
Et la légende ?
Tout le monde voit la légende. Elle complète l’image mais ne remplace pas le texte alternatif. Ne la répétez pas mot pour mot dans le texte alternatif, sinon l’utilisateur d’un lecteur d’écran entendra deux fois la même phrase.
Une IA peut-elle écrire les textes alternatifs ?
Comme suggestion, oui, et cela fait gagner du temps. Mais vérifiez le résultat : une IA ne sait pas pourquoi vous montrez l’image précisément à cet endroit.
Sources: W3C Web Accessibility Initiative : Images Tutorial, Google Search Central : bonnes pratiques SEO pour les images.
