Liens adjacents

Silktide repère des paires de liens qui se trouvent juste l’un à côté de l’autre et pointent vers la même destination. Ces doublons devraient presque toujours être combinés en un seul lien.

Le schéma le plus courant est un lien image suivi d’un lien texte vers la même page:

<!-- Problème: deux liens distincts vers la même destination -->
<a href="news.html">
    <img src="photo.jpg" alt="">
</a>
<a href="news.html">
    News
</a>

<!-- Corrigé: un seul lien combiné -->
<a href="news.html">
    <img src="photo.jpg" alt="">
    News
</a>

Pourquoi c’est important

Beaucoup de personnes parcourent une page de manière séquentielle — un utilisateur du clavier parcourt chaque lien à la suite avec la touche Tab, et un utilisateur de entend chaque lien annoncé. Des liens adjacents en double doublent cet effort sans bénéfice: la même destination est annoncée deux fois, les listes de liens se remplissent de répétitions, et un lien image avec un vide à côté de son équivalent texte peut être annoncé sans nom du tout, ce qui est déroutant.

Combiner la paire en un seul lien donne à tout le monde une cible unique et clairement nommée, et simplifie votre .

Comment corriger

Déplacez l’image et le texte à l’intérieur d’un seul élément <a>, comme dans l’exemple ci-dessus.
Donnez à l’image à l’intérieur du lien combiné un attribut vide alt="", puisque le texte à côté nomme déjà la destination — voir Texte alternatif en double.
Si votre ou thème génère les liens en double (fréquent dans les listes d’actualités et les mises en page en cartes), corrigez le modèle une fois pour résoudre toutes les occurrences.

Comment Silktide teste cela

Recherchez tous les liens sur chaque page.
Ignorez les liens pointant vers #, qui sont presque toujours des espaces réservés pour le , ainsi que les liens qui ne peuvent pas recevoir le , car ils ne sont pas exposés comme liens aux .
Pour chaque lien, examinez ce qui le suit immédiatement. Si autre chose que des espaces sépare les deux liens, ils ne sont pas adjacents et ne sont pas signalés.
Signalez la paire lorsque le lien suivant aboutit à la même URL absolue.

Dépannage

Les deux liens font des choses différentes

Les liens qui partagent une URL mais exécutent des JavaScript différents ne sont pas signalés lorsque la différence est visible dans leurs attributs onclick. Si une paire se comporte différemment d’une manière que Silktide ne peut pas voir, vous pouvez le problème — mais demandez-vous si cette distinction est tout aussi invisible pour vos visiteurs.

Les liens ne sont pas côte à côte visuellement

L’adjacence est mesurée dans le code de la page, et non à l’écran. Deux liens peuvent paraître loin l’un de l’autre après la mise en forme tout en restant adjacents dans le HTML — et les technologies d’assistance lisent l’ordre du HTML, le doublon est donc bien réel pour ces utilisateurs.