Texte alternatif
Un Texte alternatif (ou attribut alt) est la description textuelle associée à une image dans le code HTML (<img alt="…" />). Invisible pour la majorité des visiteurs, il joue pourtant trois rôles majeurs : garantir l’accessibilité aux personnes utilisant un lecteur d’écran, s’afficher si l’image ne se charge pas et offrir aux moteurs de recherche un indice sur le contenu visuel. Un texte alternatif bien rédigé renforce donc simultanément l’inclusion, le SEO et l’expérience utilisateur.
Les éléments clés d’un texte alternatif efficace
- Description concise et précise : une à deux phrases suffisent pour expliquer ce que montre l’image sans ajouter de “Image de…”.
- Mots-clés pertinents mais naturels : intégrer la requête ciblée uniquement si elle décrit réellement la scène pour éviter la suroptimisation.
- Contexte fonctionnel : préciser la fonction si l’image est un bouton ou un lien (ex. « Icône panier – accéder au checkout »).
- Éviter le bourrage de mots-clés : pas de listes de termes séparés par des virgules — Google et les lecteurs d’écran le pénalisent.
- Pas de doublons inutiles : si un texte ou une légende juste à côté explique déjà l’image, l’attribut peut être vide (
alt="") pour ne pas surcharger l’accessibilité. - Longueur optimisée : 125 caractères maximum en règle générale, afin que les lecteurs d’écran ne tronquent pas la description.
- Gestion des images décoratives : laisser
alt=""sur les éléments purement esthétiques pour que les technologies d’assistance les ignorent.
Pourquoi soigner le texte alternatif ?
- Accessibilité RGAA/WCAG : indispensable pour répondre aux normes légales et ouvrir le site à tous les publics.
- Bonus SEO image : Google Images peut générer un trafic qualifié supplémentaire grâce à des descriptions pertinentes.
- Résilience de l’UX : si l’image échoue à se charger, l’utilisateur comprend tout de même l’information.
- Amélioration du score Core Web Vitals : des attributs
altcorrects évitent certaines erreurs d’accessibilité détectées par Lighthouse. - Réduction des ambiguïtés : les algorithmes d’IA de Google interprètent mieux le contexte et classent la page plus précisément.
Petite anecdote alternative
Lors de la présentation du sélectionneur de la NASA pour la mission Artemis, la diffusion live comportait un diaporama d’images détaillant les costumes spatiaux. Les ingénieurs avaient oublié les textes alternatifs ; sur Twitter, les utilisateurs malvoyants ont gentiment signalé qu’ils n’avaient « vu » qu’une suite de “Image 001.jpg”. En moins de deux heures, l’équipe social media a ajouté des alt descriptifs via l’API, et le fil a aussitôt été salué pour son effort d’accessibilité. Moralité : même quand on vise la Lune, chaque mot compte pour que tout le monde monte à bord !