Liens vides

Silktide trouve des liens qui ne contiennent aucun texte du tout — rien de visible et aucune alternative textuelle. Une personne utilisant un lecteur d’écran n’entend que « lien », sans moyen de savoir où il mène.

<!-- Vide : un lien avec icône sans alternative textuelle -->
<a href="/search"><svg>...</svg></a>

<!-- Corrigé : le texte alternatif de l’image indique la destination -->
<a href="/"><img src="logo.png" alt="Accueil d’Example Corp"></a>

<!-- Corrigé : un aria-label indique la destination -->
<a href="/search" aria-label="Recherche"><svg>...</svg></a>

Pourquoi c’est important

Les liens permettent aux personnes de naviguer sur votre site web, et tout le monde ne peut pas les voir. Un annonce chaque lien par son texte ; en l’absence de texte, l’utilisateur n’entend que « lien » et doit deviner ou l’ignorer. De nombreux utilisateurs aveugles naviguent aussi en affichant la liste de tous les liens de la page — une liste d’entrées non nommées est inutile.

Les liens vides surviennent généralement par accident : une icône remplace le texte, une image perd son , ou une balise <a> orpheline est laissée par un éditeur. Les moteurs de recherche sont tout aussi incapables de déterminer vers quoi pointe un lien vide.

Comment corriger

Si le lien doit avoir du texte visible, ajoutez-le.
Si le lien est une image, donnez à l’image un texte alternatif qui indique la destination, par exemple alt="Accueil d’Example Corp" pour un logo menant vers votre page d’accueil — et non une description de l’image.
Si le lien est une icône, ajoutez un qui indique la destination, ou incluez du texte masqué visuellement mais disponible pour les lecteurs d’écran.
S’il s’agit d’un lien résiduel sans contenu et sans utilité, supprimez-le.

Comment Silktide teste cela

Trouver chaque lien sur chaque page, y compris les zones de carte d’image.
Ignorer les éléments qui n’ont pas de destination de lien fonctionnelle.
Lire le texte du lien, y compris le texte alternatif et les alternatives textuelles telles que aria-label et title sur le lien et sur tout ce qu’il contient.
Signaler le lien si aucun texte n’est trouvé.

Dépannage

Le lien semble correct sur la page

Un lien peut paraître correct tout en étant vide, car son apparence provient d’une icône ou d’une image d’arrière-plan — qui ne lui donnent pas de nom. Vérifiez le sous-jacent pour une alternative textuelle.

La signification de l’icône est évidente

Uniquement pour les personnes qui peuvent la voir. Une loupe dit « recherche » visuellement, mais un lecteur d’écran ne peut pas décrire des images qui n’ont pas d’alternative textuelle — l’étiquette doit figurer dans le balisage.