Ce que c'est
Le texte alternatif est une courte description écrite, attachée à une image dans le code d'une page, qu'un lecteur d'écran annonce à voix haute à la place de l'image elle-même, puisqu'un visiteur aveugle ou malvoyant utilisant un tel outil ne peut pas voir l'image directement. Là où notre guide sur le texte alternatif axé SEO examine comment ce même attribut aide les moteurs de recherche à découvrir des images, cet angle porte spécifiquement sur ce que le texte alternatif représente pour une personne réelle qui en dépend pour accéder à la même information qu'un visiteur voyant obtient simplement en regardant l'image.
Cette distinction compte en pratique : un texte alternatif rédigé uniquement pour bien se classer dans la recherche d'images peut finir bourré de mots-clés plutôt que de décrire réellement ce que montre l'image, ce qui sert mal un utilisateur de lecteur d'écran même en respectant techniquement la lettre de l'exigence.
Pourquoi c'est important
Pour un utilisateur de lecteur d'écran, une image sans texte alternatif est soit entièrement ignorée (comme si elle n'existait pas), soit annoncée sous un nom de fichier peu utile comme "IMG_4821.jpg" — dans les deux cas, toute l'information que cette image devait transmettre à un visiteur voyant est tout simplement perdue. Cela devient un obstacle sérieux quand l'image porte un contenu significatif : un graphique de données, un schéma expliquant un processus, une photo de produit montrant une fonctionnalité non décrite ailleurs dans le texte environnant.
C'est aussi une exigence légale d'accessibilité dans de nombreux contextes, selon des normes comme les WCAG (Web Content Accessibility Guidelines) que beaucoup d'entreprises doivent respecter — mais le traiter uniquement comme une case de conformité à cocher passe à côté du fait que cela résout un vrai problème d'accès quotidien pour de vraies personnes.
Comment le corriger
- Pour chaque image porteuse d'une information réelle, rédige un texte alternatif décrivant ce qu'elle montre vraiment, comme si tu la décrivais au téléphone à quelqu'un qui ne peut pas la voir.
- Garde les descriptions concises et précises — une phrase ou une courte expression suffit généralement ; évite de répéter une information déjà donnée dans le texte environnant.
- Pour les images purement décoratives qui n'apportent aucune information (textures d'arrière-plan, séparateurs), utilise un
alt=""vide pour qu'un lecteur d'écran les ignore complètement plutôt que d'annoncer quelque chose de dénué de sens. - Pour une image qui est elle-même un lien (comme un logo menant à la page d'accueil), rédige un texte alternatif décrivant la destination du lien, pas seulement l'apparence de l'image.
- Teste avec un lecteur d'écran gratuit (NVDA, VoiceOver) pour entendre comment tes images sont réellement annoncées, plutôt que de supposer que le texte que tu as écrit se lit bien à voix haute.