Le texte alternatif est la courte description d'une image stockée dans l'attribut alt de l'élément img, et c'est la correction d'accessibilité au plus fort impact que la plupart des sites web puissent apporter. Les lecteurs d'écran le lisent à voix haute aux visiteurs aveugles et malvoyants, les navigateurs l'affichent quand une image ne se charge pas, et les moteurs de recherche s'y fient pour comprendre ce que montre une image. C'est aussi une question juridique : le critère de succès WCAG 1.1.1 exige une alternative textuelle pour tout contenu non textuel au niveau de conformité A, le niveau minimal, et des textes comme l'European Accessibility Act s'appuient exactement sur ces critères. La bonne nouvelle, c'est que bien rédiger un texte alternatif est une compétence qui s'acquiert en minutes, pas en semaines. Les règles tiennent sur une fiche : décrivez ce qui compte dans l'image, dans son contexte, tenez-vous à une phrase concise, évitez les formules du type image de, donnez un attribut alt vide aux images purement décoratives, et n'omettez jamais complètement l'attribut. Ce guide parcourt chaque règle avec des exemples, montre où se loge le texte alternatif dans WordPress et se termine sur la manière de trouver toutes les images de votre site qui en sont encore dépourvues.
Qu'est-ce que le texte alternatif et qui en dépend ?
Dans le code source HTML, le texte alternatif est un attribut de l'élément image :
<img src="lighthouse.jpg" alt="Phare à bandes rouges et blanches sur une côte rocheuse au coucher du soleil">Trois publics le consomment, et y penser explique presque toutes les règles qui suivent. Les personnes au lecteur d'écran entendent le texte alternatif à la place de l'image : pour elles, il est l'image. Environ 2,2 milliards de personnes dans le monde vivent avec une forme de déficience visuelle selon l'OMS, et les lecteurs d'écran sont le moyen par lequel une part substantielle d'entre elles navigue. Les navigateurs affichent le texte quand l'image ne peut pas se charger, ce qui arrive encore chaque jour sur les connexions lentes et les déploiements ratés. Et les robots des moteurs de recherche, qui ne voient pas les images comme les humains, utilisent l'attribut alt comme principal signal textuel sur le contenu d'une image.
L'exigence formelle vient du critère de succès WCAG 1.1.1 Non-text Content. Il se situe au niveau de conformité A, ce qui signifie qu'un site sans alternatives textuelles échoue au plus bas barreau de la conformité en matière d'accessibilité, quelle que soit la qualité du reste.
Comment rédiger un bon texte alternatif : cinq règles qui couvrent presque tout
Le texte alternatif est de l'écriture, et comme toute écriture il s'améliore avec quelques contraintes. Ces cinq-là vous portent à travers presque toutes les images :
- Décrivez le contenu et l'intention, pas les pixels. Demandez-vous ce que l'image communique dans ce contexte, puis dites-le. La même photo d'une personne devant un ordinateur portable pourra être Conseillère du support répondant aux discussions clients sur une page de support, et Travail depuis la table de la cuisine dans un article sur le télétravail.
- Soyez précis, mais arrêtez-vous au pertinent. Chien en dit moins que Chiot golden retriever courant après une balle sur une pelouse. Mais si l'article porte sur l'entretien des pelouses, la race compte peut-être moins que l'herbe mâchouillée.
- Tenez-vous à une phrase environ. Une recommandation très répandue tourne autour de 125 caractères, une convention héritée d'anciens lecteurs d'écran qui découpaient les textes plus longs. Ce n'est pas une limite stricte, mais c'est une bonne contrainte pour rester concis. Placez les mots importants en tête.
- Évitez image de et photo de. Les lecteurs d'écran annoncent déjà l'élément comme une image, ces formules sont donc de pures redites. Nommer le type n'apporte de la valeur que lorsqu'il compte : peinture de, capture d'écran de et graphique de orientent l'auditeur.
- Pour les images liées ou fonctionnelles, décrivez la destination ou l'action. Un logo qui pointe vers l'accueil doit dire Nom de l'entreprise, page d'accueil, et non décrire le dessin du logo. Un bouton icône qui lance une recherche doit dire Rechercher. La fonction prime sur l'apparence dès qu'une image fait quelque chose.
Un cas particulier mérite sa propre phrase : les images qui contiennent du texte. Les WCAG déconseillent d'incruster du texte dans des images en premier lieu, mais là où cela existe, par exemple dans une bannière promotionnelle, le texte alternatif doit reprendre ce texte, puisqu'il est invisible pour tous ceux qui dépendent de l'alternative.
Bons et mauvais textes alternatifs : exemples comparés
| Image | Texte alternatif faible | Bon texte alternatif |
|---|---|---|
| Photo de produit dans une boutique | shoe | Chaussure de running Nike Air Zoom bleue, vue de côté |
| Photo d'équipe sur la page à propos | IMG_4032.jpg | L'équipe InspectWP au complet, cinq personnes, devant le bureau de Hambourg |
| Graphique dans un article de blog | chart | Diagramme en barres : le temps de chargement passe de 4,2 à 1,8 seconde après la mise en cache |
| Logo pointant vers l'accueil | logo-final-v3 | ExampleCorp, retour à la page d'accueil |
| Ornement de séparation décoratif | élément graphique décoratif volute séparateur | (attribut alt vide) |
Remarquez le motif dans la colonne des textes faibles : des noms de fichiers, des mots isolés et des descriptions de pixels au lieu de sens. La ligne du graphique montre l'écart le plus grand. Pour une personne au lecteur d'écran, graphique ne transmet rien, alors qu'un résumé d'une ligne du constat remplace tout le visuel. Si un graphique est trop complexe pour tenir en une ligne, résumez l'enseignement principal dans le texte alternatif et fournissez les données complètes dans un tableau à proximité.
Les images décoratives : quand un texte alternatif vide est correct
Toutes les images ne portent pas de sens. Les séparateurs ornementaux, les formes d'arrière-plan abstraites et les photos de banque d'images qui ne font qu'ajouter une ambiance relèvent de la décoration, et le balisage correct pour elles est un attribut alt vide :
<img src="divider-ornament.svg" alt="">L'attribut vide est un signal délibéré qui indique aux lecteurs d'écran d'ignorer complètement l'image, ce que fait de fait un visiteur voyant. C'est très différent d'omettre l'attribut : sans aucun attribut alt, de nombreux lecteurs d'écran se rabattent sur l'annonce du nom de fichier, et le visiteur entend graphique tiret separateur tiret ornement tiret final tiret v2 point svg lu en plein milieu d'une phrase. C'est pourquoi les outils de contrôle d'accessibilité signalent les attributs alt manquants comme des erreurs tout en considérant les attributs vides comme valides. Le W3C propose un arbre de décision sur les alternatives textuelles bien pratique pour les cas limites de bonne foi.
Un test pragmatique pour savoir si une image est décorative : imaginez-la disparue. Si la page ne perd ni information ni fonction, l'alt vide est le bon choix. Si quelque chose de significatif s'évanouit, décrivez-la.
Comment ajouter un texte alternatif dans WordPress
WordPress prévoit un champ de texte alternatif pour chaque image, et il s'atteint en trois clics :
- Dans l'éditeur de blocs : sélectionnez le bloc image, et le champ Texte alternatif apparaît dans la barre latérale des réglages du bloc, sous Réglages. C'est cette valeur qui atterrit dans le HTML de la page.
- Dans la médiathèque : ouvrez n'importe quelle image et remplissez le champ Texte alternatif dans les détails du fichier joint. Cette valeur sert de valeur par défaut lorsque l'image sera insérée quelque part à l'avenir.
- Pour les images mises en avant : le texte alternatif provient de la valeur enregistrée dans la médiathèque pour cette image, si bien que les vignettes d'articles héritent de ce qui y est stocké.
Une particularité de WordPress est responsable de beaucoup de confusion et mérite un avertissement en évidence : mettre à jour le texte alternatif dans la médiathèque ne modifie pas les images déjà placées dans des articles. L'éditeur de blocs copie le texte alternatif dans le contenu de l'article au moment de l'insertion, et à partir de là la copie est indépendante. Si vous corrigez des textes alternatifs dans la médiathèque et vous demandez pourquoi les pages n'ont pas changé, voilà l'explication. Les placements existants doivent être modifiés dans les articles eux-mêmes, ou avec un outil de recherche-remplacement si le volume l'impose.
Tant que vous êtes dans le flux médiathèque : le champ de texte alternatif n'est ni le champ titre ni la légende. Le titre est surtout interne, la légende est un texte visible sous l'image, et seul l'attribut alt sert les lecteurs d'écran et les robots. Remplir le mauvais champ est la façon la plus courante de se retrouver avec de jolies légendes et des attributs alt vides.
Texte alternatif et SEO : ce que Google dit vraiment
La documentation de Google sur le SEO des images est sans ambiguïté : un texte alternatif descriptif est un facteur de classement pour Google Images et aide Google à comprendre à la fois l'image et la page qui l'entoure. Pour les boutiques et les sites de contenu, la recherche d'images est un vrai canal de trafic, et l'attribut alt en est le levier le plus direct. Le même document contient un avertissement tout aussi net : bourrer les attributs alt de mots-clés dégrade l'expérience utilisateur et peut faire percevoir votre site comme du spam.
La traduction pratique : rédigez le texte alternatif d'abord pour celui qui l'écoute, et si le sujet de la page appartient naturellement à la description, mentionnez-le une fois. Chaussure de running Nike Air Zoom bleue, vue de côté est un bon texte alternatif qui contient au passage les mots qu'un acheteur chercherait. chaussures running acheter chaussures running pas cher meilleures chaussures running 2026 est du spam déguisé en attribut alt. Des noms de fichiers descriptifs (chaussure-running-bleue.jpg au lieu de IMG_4032.jpg) et un texte environnant en accord avec l'image complètent le tableau, mais le texte alternatif reste le signal le plus fort que vous contrôlez entièrement.
Comment trouver les images sans texte alternatif sur votre site
Bien rédiger commence par savoir où cela manque, et il existe des outils à chaque échelle. Pour une seule page, le navigateur peut répondre directement : ouvrez la console des outils de développement et exécutez une ligne qui liste tous les fautifs.
// Liste toutes les images sans attribut alt sur la page courante
document.querySelectorAll('img:not([alt])').forEach((img) => console.log(img.src));Pour un audit page par page avec retour visuel, l'outil gratuit WAVE de WebAIM marque chaque attribut alt manquant ou suspect directement sur la page affichée, et Lighthouse dans Chrome intègre ce contrôle à son audit d'accessibilité. L'ampleur du problème est bien documentée : l'analyse annuelle WebAIM Million, qui porte sur le million de pages d'accueil les plus visitées, place année après année les textes alternatifs manquants parmi les manquements d'accessibilité les plus fréquents, sur environ la moitié de toutes les pages d'accueil testées. Quoi que vous trouviez sur votre propre site, vous êtes en nombreuse compagnie, et contrairement à la plupart des problèmes d'accessibilité celui-ci se corrige image par image, en quelques minutes.
Comment InspectWP contrôle vos textes alternatifs
Un rapport InspectWP compte les images d'une page analysée et indique, dans la section SEO, combien portent un attribut alt et combien en manquent, en signalant les manquantes par un avertissement. Vous obtenez ainsi l'inventaire des alt manquants d'un site WordPress sans ouvrir les outils de développement, et comme les rapports peuvent s'exécuter selon un calendrier, cela rattrape aussi les régressions qui surviennent inévitablement quand du contenu est publié dans l'urgence. Combinez le décompte du rapport aux règles de rédaction de ce guide, et le chemin est court : trouvez les images, décrivez ce qui compte, laissez la décoration silencieusement vide, et vos utilisateurs de lecteurs d'écran comme votre trafic de recherche d'images en récolteront le bénéfice.