Le texte alternatif d’une image tient en une phrase, mais c’est la phrase que l’on bâcle le plus souvent. Voici les règles qui font la différence, avec des exemples avant/après que vous pouvez appliquer dès aujourd’hui.
À quoi sert le texte alternatif ?
- Il est lu par les lecteurs d’écran, qui permettent aux personnes aveugles ou malvoyantes de comprendre l’image.
- Il s’affiche à la place de l’image quand celle-ci ne se charge pas.
- Il aide les moteurs de recherche à comprendre ce que montre l’image.
Les règles d’un bon texte alternatif
- Décrire ce qui est visible, en une phrase, comme si vous le décriviez au téléphone.
- Rester court : environ 125 caractères, la recommandation habituelle pour les lecteurs d’écran.
- Ne rien inventer : ni lieu, ni marque, ni promesse qui n’est pas dans l’image.
- Éviter « image de » ou « photo de » : le lecteur d’écran annonce déjà qu’il s’agit d’une image.
- Écrire dans la langue de la page où l’image apparaît.
- Penser à la fonction de l’image : pour une image qui sert de lien, décrivez la destination ou l’action, pas le dessin.
Avant / après
- Nom de fichier — avant : « IMG_2024.jpg » ; après : « Mug blanc en céramique posé sur une table en bois clair. »
- Trop pauvre — avant : « mug » ; après : « Mug blanc en céramique avec une anse arrondie. »
- Bourrage de mots-clés — avant : « mug céramique pas cher achat mug blanc promo » ; après : « Mug blanc en céramique avec une anse arrondie. »
- Image-lien — avant : « logo » ; après : « Retour à l’accueil de Toitures Martin »
- Photo de réalisation — avant : « chantier » ; après : « Couvreur posant des ardoises sur un toit à deux pans. »
Quand laisser le texte alternatif vide
Une image purement décorative (filet, motif, illustration qui répète le texte voisin) doit avoir un attribut alt vide, pas absent : un alt vide dit au lecteur d’écran de passer son chemin, alors qu’un alt absent peut lui faire lire le nom du fichier.
Les cas particuliers
- Graphiques et infographies : un alt court qui annonce le sujet, et les données détaillées dans le texte à côté.
- Images qui contiennent du texte : reprenez ce texte dans l’alt.
- Photos de produits : couleur, matière, vue, usage visible. Gardez les arguments commerciaux pour la fiche produit.
Et quand il y a des milliers d’images ?
Rédiger à la main va pour quelques dizaines d’images. Au-delà, une extension comme SafeAlt rédige le texte alternatif, le titre et la légende de chaque image par IA. Relisez toujours les images importantes : une IA peut se tromper sur ce qu’elle voit.
25 images offertes chaque mois, sans carte bancaire.
