Texte alternatif de l’image dans un lien

Silktide détecte des liens qui contiennent une image mais aucun texte lisible. Un tel lien n’a pas de nom, donc les personnes qui ne peuvent pas voir l’image n’ont aucun moyen de savoir où il mène.

<!-- Problème : le lien n’a pas de nom accessible -->
<a href="\/apple">
    <img src="apple.png">
</a>

<!-- Corrigé : le texte alternatif nomme le lien -->
<a href="\/apple">
    <img src="apple.png" alt="Une pomme rouge">
</a>

Pourquoi c’est important

Quand le seul contenu d’un lien est une image, le de l’image devient le nom du lien. Sans cela, un annonce quelque chose comme « lien » ou se rabat sur l’URL de destination ou le nom de fichier de l’image — rien de tout cela n’indique à l’utilisateur où mène le lien. Une navigation construite à partir de liens d’image, comme des logos et des menus d’icônes, devient un jeu de devinettes.

Les utilisateurs du clavier et du contrôle vocal sont aussi concernés : un lien sans nom est difficile à cibler avec des commandes vocales et n’a pas de sens dans une liste de liens.

Comment corriger

Ajoutez à l’image un texte alternatif qui décrit l’objectif du lien — où il mène ou ce qu’il fait — plutôt que l’apparence de l’image. Pour un logo cliquable, « Accueil » ou le nom de votre organisation est préférable à « logo ».
Sinon, ajoutez un texte visible dans le lien à côté de l’image; l’image peut alors avoir un alt="" vide.
Corrigez les gabarits dans votre où le même lien d’icône non étiqueté se répète sur plusieurs pages.

Comment Silktide teste ceci

Repérer chaque image qui se trouve dans un lien, en ignorant les liens masqués aux lecteurs d’écran.
Lire tout le texte que le lien expose aux , y compris le texte alternatif de tout ce qu’il contient.
Signaler l’image lorsque ce texte combiné ne contient ni lettres ni chiffres, laissant le lien sans nom exploitable.

Contrairement à d’autres vérifications du texte alternatif, un alt="" vide n’est pas accepté ici : si l’image est le seul contenu du lien, la marquer comme décorative laisse le lien sans nom.

Dépannage

L’image est décorative

Dans un lien sans autre texte, une image ne peut pas être considérée comme purement — il faut que quelque chose nomme le lien. Donnez soit à l’image un texte alternatif décrivant la destination, soit ajoutez un texte visible dans le lien.

Le lien est nommé autrement

Cette vérification lit le texte et le texte alternatif à l’intérieur du lien. Si votre lien est nommé autrement et que vous avez vérifié qu’il est correctement annoncé dans un lecteur d’écran, vous pouvez le constat.