Texte alternatif manquant

Silktide trouve des images sur vos pages qui n'ont aucun texte alternatif. Le texte alternatif est la description écrite lue à la place d'une image ; sans lui, les images sont dénuées de sens pour les personnes qui ne peuvent pas les voir.

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

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

<!-- Également valide : 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 ce que l'image communique et, si l'image est un graphique, un bouton ou un lien, elles peuvent être dans l'incapacité d'utiliser la page.

Le texte alternatif s'affiche également lorsque les images ne se chargent pas et aide les moteurs de recherche à comprendre vos images ; le corriger profite donc à tous les visiteurs.

Comment corriger

Ajoutez un texte alternatif à chaque image dans votre — la plupart proposent 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 la finalité de l'image, pas son apparence. Pour une image qui sert de lien ou de bouton, décrivez où elle mène ou ce qu'elle fait.
Si l'image est purement , donnez-lui un alt="" vide afin que les lecteurs d'écran l'ignorent. N'inventez pas de texte de remplissage — entendre « motif tourbillonnant décoratif » est pire que de ne rien entendre.

WebAIM publie un guide pour rédiger un texte alternatif.

Comment Silktide teste cela

Trouver toutes les images de chaque page.
Ignorer les images qui n'ont pas besoin de texte alternatif : images sans source, images d'1 pixel ou moins (généralement des pixels de suivi) et images masquées aux lecteurs d'écran.
Ignorer les images marquées comme décoratives avec un attribut role="presentation", car elles sont délibérément masquées aux .
Signaler chaque image restante qui n'a pas d'attribut alt du tout.

Une image avec un alt="" vide réussit ce contrôle, mais elle est couverte par Images décoratives, qui vous demande de confirmer qu'elle est réellement décorative. Un texte alternatif existant mais peu utile est couvert par Texte alternatif faible.

Dépannage

L'image est décorative, pourquoi est-elle signalée ?

Une image n'est considérée comme décorative que si le code l'indique, via un alt="" vide ou role="presentation". Une image sans attribut alt 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, ne sont peut-être pas 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.