Texte alternatif en double

Silktide trouve des images à l'intérieur d'un lien dont le texte alternatif répète le texte juste à côté. Quand une image et le texte voisin disent la même chose, les personnes utilisant un lecteur d'écran entendent les mêmes mots deux fois.

<!-- Problème : annoncé comme "Apple Apple" -->
<a href="\/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

<!-- Corrigé : alt vide, le texte seul nomme le lien -->
<a href="\/apple">
    <img src="apple.png" alt="">
    Apple
</a>

Pourquoi c'est important

existe pour remplacer une image pour les personnes qui ne peuvent pas la voir. Quand des mots identiques apparaissent déjà à côté de l'image, le texte alternatif n'apporte rien — un annonce "Apple Apple", ce qui semble cassé et ralentit l'écoute sans aucun bénéfice. Répétée sur une page de fiches produit ou d'accroches d'actualité, la redondance devient réellement fatigante.

Une image dont le sens est entièrement porté par le texte adjacent est en pratique , et doit être marquée comme telle.

Comment y remédier

Donnez à l'image un alt="" vide pour que la l'ignore et lise uniquement le texte adjacent, comme dans l'exemple ci-dessus.
Vous pouvez aussi masquer l'image avec aria-hidden="true" — utile lorsque votre impose de renseigner l'attribut alt.
Si l'image et le texte sont deux liens distincts vers la même destination, combinez-les d'abord en un seul lien — voir Liens adjacents.

Comment Silktide teste cela

Trouver chaque image placée à l'intérieur d'un lien.
Lire le texte destiné à l'assistance de l'image : son attribut alt, ou un aria-label.
Le comparer avec le texte visible des éléments immédiatement avant et après l'image.
Signaler l'image lorsque les deux correspondent exactement, en ignorant la casse.

Dépannage

Le texte correspondant ne fait pas partie du lien

La comparaison examine les voisins immédiats de l'image, ce qui peut inclure du texte juste à l'extérieur du lien. La duplication reste bien réelle pour une personne utilisant un lecteur d'écran qui parcourt la page, donc les mêmes corrections s'appliquent.

Les textes diffèrent légèrement

Seules les correspondances exactes (casse ignorée) sont signalées. Les quasi-doublons comme "Apple" à côté de alt="Logo Apple" passent ce contrôle, mais demandez-vous si le texte alternatif apporte encore quelque chose à l'écoute.