Texte alternatif en double

Silktide repère les images liées 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

sert à 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'ajoute rien — un annonce « Apple Apple », ce qui semble brisé et ralentit l'écoute sans bénéfice. Multipliée sur une page de cartes de produits ou d'aperçus de nouvelles, la répétition devient vraiment fatigante.

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

Comment corriger

Donnez à l'image un alt="" vide pour que la l'ignore et lise seulement le texte adjacent, comme dans l'exemple ci-dessus.
Sinon, masquez l'image avec aria-hidden="true" — utile lorsque votre exige de remplir 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 située à l'intérieur d'un lien.
Lire le texte d'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, sans tenir compte de 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 demeure réelle pour un utilisateur de lecteur d'écran qui parcourt la page; les mêmes correctifs s'appliquent.

Les textes diffèrent légèrement

Seules les correspondances exactes (sans tenir compte de la casse) sont signalées. Les quasi-doublons comme « Apple » à côté de alt="Logo Apple" passent cette vérification, mais demandez-vous si le texte alternatif ajoute vraiment quelque chose pour la personne qui écoute.