Texte de remplacement manquant

Silktide repère les images sur vos pages qui n’ont aucun texte de remplacement. Le texte de remplacement est la description écrite lue à voix haute à la place d’une image, donc sans lui, les images sont dénuées de sens pour les personnes qui ne peuvent pas les voir.

<!-- Problème : aucun attribut alt -->
<img src="apple.png">

<!-- Corrigé : texte de remplacement descriptif -->
<img src="apple.png" alt="Une pomme rouge">

<!-- Aussi valable : explicitement décorative -->
<img src="decorative-swirl.png" alt="">

Pourquoi c’est important

Un n’a rien à annoncer pour une image sans — au mieux, il lit le nom de fichier, ce qui est rarement utile et souvent déroutant. Les personnes aveugles ou malvoyantes perdent tout ce que l’image communique et, si l’image est un graphique, un bouton ou un lien, il se peut qu’elles ne puissent pas utiliser la page du tout.

Le texte de remplacement s’affiche aussi lorsque les images ne se chargent pas et aide les moteurs de recherche à comprendre vos images; le corriger profite à toutes les personnes qui visitent le site.

Comment le corriger

Ajoutez un texte de remplacement à chaque image dans votre — la plupart offrent un champ prévu à cet effet là où vous insérez une image. En code, utilisez l’attribut alt comme ci‑dessus.
Décrivez l’information ou l’objectif de l’image, et non son apparence. Pour une image qui agit comme un lien ou un bouton, décrivez où elle mène ou ce qu’elle fait.
Si l’image est purement , donnez‑lui un alt="" vide pour que les lecteurs d’écran l’ignorent. N’inventez pas de texte de remplissage — entendre « motif décoratif » est pire que ne rien entendre.

WebAIM publie un guide détaillé pour rédiger des textes de remplacement.

Comment Silktide effectue ce test

Trouver chaque image sur chaque page.
Ignorer les images qui n’ont pas besoin de texte de remplacement : images sans source, images d’un pixel ou moins (habituellement des pixels espions), et images masquées aux lecteurs d’écran.
Ignorer les images marquées comme décoratives avec l’attribut role="presentation", car elles sont délibérément masquées aux .
Signaler chaque image restante qui n’a aucun attribut alt.

Une image avec un alt="" vide réussit ce contrôle mais est couverte par Images décoratives, qui vous demande de confirmer qu’elle est véritablement décorative. Un texte de remplacement qui existe mais est peu utile est couvert par Texte de remplacement peu utile.

Dépannage

L’image est décorative; pourquoi est‑elle signalée?

Une image n’est traitée comme décorative que si cela est indiqué dans le code, au moyen d’un alt="" vide ou de role="presentation". Une image sans attribut alt du tout est ambiguë — les technologies d’assistance ne peuvent pas distinguer « décorative » de « oubliée » — elle échoue donc à ce contrôle. Ajoutez l’attribut vide pour rendre l’intention explicite.

L’image provient d’un service tiers

Les images générées par des services intégrés, comme des cartes, peuvent ne pas être modifiables par vous. Les paramètres de votre site Web peuvent exclure le contenu tiers de ce contrôle, ou vous pouvez individuellement les constats que vous ne pouvez pas modifier.