Liens ayant des destinations différentes

Silktide identifie les liens d’une page portant le même texte mais pointant vers des destinations différentes. Lorsque deux liens qui se ressemblent mènent à des endroits différents, les utilisateurs ne peuvent pas les distinguer sans suivre chacun d’eux.

<!-- Deux liens « Actualités » qui vont vers des pages différentes -->
<p>Découvrez les dernières informations sur nos produits : <a href="\/products\/news">Actualités</a></p>
<p>Découvrez les dernières informations sur nos services : <a href="\/company\/news">Actualités</a></p>

Pourquoi c’est important

Les personnes utilisant un affichent souvent la liste de tous les liens de la page, hors contexte. Deux liens qui s’annoncent tous deux « Actualités » mais mènent à des pages différentes sont indiscernables dans cette liste ; l’utilisateur doit ouvrir chacun pour savoir où il mène. La même ambiguïté touche les utilisateurs de reconnaissance vocale, qui sélectionnent les liens en prononçant leur nom à voix haute.

Comment le corriger

Donnez à chaque lien un texte visible distinct décrivant sa destination, par exemple « Actualités produit » et « Actualités de l’entreprise ».
Si la conception ne peut pas changer, ajoutez un libellé pour distinguer les liens sans modifier ce que voient les utilisateurs voyants :

<!-- L’attribut aria-label devient le nom annoncé par les lecteurs d’écran -->
<a href="\/products\/news" aria-label="Actualités produit">Actualités</a>
<a href="\/company\/news" aria-label="Actualités de l’entreprise">Actualités</a>

Sinon, incluez du texte supplémentaire à l’intérieur du lien, masqué visuellement mais lu par les lecteurs d’écran (par exemple un <span> stylé avec une classe CSS réservée aux lecteurs d’écran).
Si les liens sont fonctionnellement équivalents pour l’utilisateur — par exemple, s’ils redirigent vers la même page — le constat.

Comment Silktide teste cela

Trouver tous les liens de la page, en ignorant les éléments que vous avez exclus du contrôle.
Déterminer le de chaque lien — le texte qu’annoncent les , qui inclut les libellés ARIA et le des images, pas seulement le texte visible.
Normaliser la destination de chaque lien pour la comparaison : les fragments (la partie après #), les chaînes de requête (la partie après ?), le schéma d’URL et les barres obliques finales sont ignorés.
Quand des liens ayant le même nom accessible pointent vers plus d’une destination distincte, tous sont signalés.

Dépannage

Les liens vers différentes sections de la même page ne sont pas signalés

Parce que les fragments sont ignorés lors de la comparaison des destinations, des liens comme \/guide#intro et \/guide#pricing comptent comme la même destination. C’est intentionnel : tous deux mènent à la même page.

Les liens ne différant que par des paramètres de suivi ne sont pas signalés

Les chaînes de requête sont ignorées lors de la comparaison des destinations, ainsi \/offers?src=header et \/offers?src=footer comptent comme la même page plutôt que comme des destinations différentes.