image-redundant-alt
Le texte alt d’une image ne doit pas répéter le texte visible adjacent
Vérifie que le texte alt d’un <img> n’est pas identique à un autre texte visible déjà présent dans son élément parent immédiat.
Applicabilité. S’applique aux éléments <img> dotés d’un texte alt non vide dont l’élément parent immédiat a aussi un autre contenu textuel visible (c.-à-d. des nœuds texte en plus de l’image elle-même, généralement un <a> ou un <button> qui englobe à la fois une image d’icône et un libellé textuel). Lorsqu’elle ne trouve rien à mettre en question, elle renvoie notApplicable, et non pass : elle ne s’applique qu’à ce que son contrôle signale, et ne rien y trouver ne montre pas que tout va bien.
Attendu. Le texte alt de l’image n’est pas identique (sans tenir compte de la casse, après normalisation) à l’autre texte visible déjà présent dans le même parent. Lorsque les deux sont présents, les technologies d’assistance annoncent deux fois les mêmes mots pour un seul contrôle (p. ex. un lien icône plus texte dont l’alt de l’icône répète le texte du lien).
Ce que rapporte un constat.
alt: le texte alt de l’image, espaces fusionnés. Il correspond au texte voisin.
Ces champs de data.details aident à lire et à reproduire un constat. À part reasonCode et les quelques champs que la page Schéma de sortie donne comme stables, ils ne constituent pas un contrat stable : un champ peut être renommé ou supprimé dans une version mineure, ne vous appuyez donc pas dessus.
Exemples
<a href="/"><img alt="Home" src="home.png">Home</a>
Le texte alt de l’image (« Home ») répète mot pour mot le texte visible du lien adjacent : un lecteur d’écran l’annonce deux fois.
<a href="/"><img alt="Home icon" src="home.png">Home</a>
Le texte alt (« Home icon ») diffère du texte adjacent (« Home »).
Comment vérifier
Quand cette règle ne peut pas trancher, elle renvoie cantTell et laisse la question à une personne. Chaque question qu’elle peut poser figure ici sous son code de raison, avec les étapes pour y répondre. Un constat porte les mêmes étapes dans howToCheck, dans la langue de l’analyse. Voir Schéma de sortie.
IMAGE_ALT_REDUNDANT
- Repérez l’image indiquée par le rapport et le texte situé à côté dans le même lien, le même bouton ou le même parent.
- Avec un lecteur d’écran, placez-vous sur ce lien ou ce bouton, ou lisez son nom calculé dans le panneau Accessibilité, et écoutez si les mots sont dits deux fois.
- Si l’image est déjà masquée aux technologies d’assistance, notez que rien n’est répété.
Réussite. Les mots sont lus une seule fois : l’image est masquée ou a alt="", ou son alt ajoute quelque chose que le texte ne dit pas.
Échec. L’alt de l’image répète le texte à côté : les mêmes mots sont lus deux fois, un manquement aux bonnes pratiques (H2).