Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Pourquoi chaque image sur le site a-t-elle besoin d'un texte alternatif ?
Chaque image a besoin d'un texte alternatif parce que les personnes aveugles et les moteurs de recherche ne peuvent accéder au contenu de l'image que via ce texte. Un programme lecteur lit le texte alternatif à haute voix, Google affiche les images avec un bon texte alternatif dans la recherche d'images. Si le texte manque, un visiteur aveugle n'entend que le nom du fichier — par exemple « DSC_0042.jpg » — et ne comprend rien.
Texte alternatif : la description verbale d'une image
Le texte alternatif est une courte phrase ancrée sur l'image dans le code source de la page. Les visiteurs ayant une vue normale ne la voient jamais. Un visiteur aveugle laisse la page être lue à haute voix par un programme lecteur — et à l'endroit de l'image, le programme lit exactement ce texte. Un exemple : votre page d'équipe montre une photo de la directrice générale. Avec le texte alternatif « Portrait de Maria Huber, directrice générale », le visiteur sait qui il a devant lui. Sans texte, il ne reste qu'un vide. Google lit également ce texte et comprend ainsi ce qu'il y a sur l'image — cela aide votre visibilité dans la recherche d'images.
C'est ainsi que notre noyau de mesure contrôle les textes alternatifs
Le contrôle automatique ouvre votre page dans un vrai navigateur et examine chaque image avec l'outil de contrôle axe-core. En outre, notre propre étape de contrôle compte toutes les images auxquelles l'attribut alt manque complètement — chacune d'elles est une violation documentée que le rapport cite avec le nom de fichier. Un texte alternatif intentionnellement vide est cependant correct : c'est ainsi qu'on marque les images purement décoratives que le programme lecteur doit sauter. Qu'un texte existant soit également adapté au contenu, aucune machine ne peut en décider — c'est pourquoi l'automatique ne confirme jamais précipitamment un « réussi » ici. Au standard Gold, un humain regarde les images et leurs textes et prend la décision.
Bien écrire les textes alternatifs
Un bon texte alternatif décrit ce qui est visible sur l'image et à quoi il sert sur cette page — en une phrase, sans la formule « Image de ». Pour une photo de produit : « Chaise de bureau noire avec accoudoirs, vue latérale ». Pour un logo lié : « Vers la page d'accueil ». Les images purement décoratives — lignes de séparation, motifs d'arrière-plan — reçoivent un texte alternatif vide, afin que le programme lecteur les saute silencieusement. Les noms de fichiers, les listes de mots-clés ou les textes publicitaires ne doivent jamais figurer dans le texte alternatif : le visiteur entend chaque lettre et perd du temps.
Beispiele
Foto mit Information
<img src="team-2026.jpg">
<img src="team-2026.jpg" alt="Bild">
<img src="team-2026.jpg" alt="DSC_0042.jpg"><img src="team-2026.jpg"
alt="Das Team von Beispiel GmbH vor dem Büro in Graz, sechs Personen">Der Alternativtext sagt, was das Bild zeigt, in einem Satz. Dateiname und das Wort „Bild“ sagen nichts.
Schmuckbild und verlinktes Bild
<img src="trenner.svg" alt="Trennlinie">
<a href="/"><img src="logo.svg"></a><img src="trenner.svg" alt="">
<a href="/"><img src="logo.svg" alt="Beispiel GmbH – zur Startseite"></a>Schmuck bekommt ein leeres alt, damit Vorleseprogramme es überspringen. Ein verlinktes Bild nennt das Ziel.
- Vérifiez vos pages les plus importantes : chaque image a-t-elle un texte alternatif qui décrit le contenu en une phrase ?
- Demandez à votre agence de énumérer les images sans attribut alt et de les mettre à jour.
- Marquez les images décoratives avec un texte alternatif vide, afin que les programmes lecteurs les sautent.
- Définissez dans votre rédaction : aucune image ne va en ligne sans texte alternatif.
- Lisez vos textes alternatifs à haute voix — si on comprend la page sans les images, les textes sont bons.