Texte alternatif de l’image dans un lien

Silktide repère les liens qui contiennent une image mais aucun texte lisible. Un tel lien n’a pas de nom, donc les personnes qui ne voient pas 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>

<!-- Correction : le texte alternatif donne un nom au 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 lui, un annonce quelque chose comme « lien » ou se rabat sur la lecture de l’URL de destination ou du nom de fichier de l’image — rien de tout cela n’indique à l’auditeur où mène le lien. La navigation construite à partir de liens image, comme les logos et les menus d’icônes, devient hasardeuse.

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 aucun sens dans une liste de liens.

Comment corriger

Ajoutez à l’image un texte alternatif qui décrit la finalité 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 du texte visible dans le lien à côté de l’image ; l’image peut alors avoir un alt="" vide.
Corrigez les modèles dans votre lorsque le même lien d’icône non étiqueté se répète sur plusieurs pages.

Comment Silktide le teste

Trouver chaque image située à l’intérieur d’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

À l’intérieur d’un lien sans autre texte, une image ne peut pas être considérée comme purement — quelque chose doit nommer le lien. Donnez soit à l’image un texte alternatif décrivant la destination, soit ajoutez du texte visible dans le lien.

Le lien est étiqueté autrement

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