Liens adjacents

Silktide repère des paires de liens qui se trouvent côte à côte et mènent à la même destination. Ces doublons devraient presque toujours être combinés en un seul lien.

Le modèle le plus courant est un lien d’image suivi d’un lien textuel 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 séquentiellement : un utilisateur au clavier passe d’un lien à l’autre avec la touche Tabulation, et un utilisateur de entend chaque lien annoncé. Les liens adjacents en double doublent ce travail 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 d’image avec un vide, placé à côté de son équivalent textuel, peut être annoncé sans nom du tout, ce qui est déroutant.

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

Comment corriger

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 alt="" vide, puisque le texte à côté nomme déjà la destination — voir Texte alternatif en double.
Si votre ou votre thème génère les liens en double (courant dans les listes d’actualités et les mises en page en cartes), corrigez le gabarit une fois pour résoudre chaque occurrence.

Comment Silktide teste cela

Trouver tous les liens sur chaque page.
Ignorer les liens pointant vers #, qui servent presque toujours d’espaces réservés pour le , ainsi que les liens qui ne peuvent pas recevoir le , puisqu’ils ne sont pas exposés comme des liens aux .
Pour chaque lien, examiner ce qui le suit immédiatement. Si autre chose que des espaces blancs sépare les deux liens, ils ne sont pas adjacents et ne sont pas signalés.
Signaler la paire lorsque le lien suivant mène à la même URL absolue.

Dépannage

Les deux liens font des choses différentes

Les liens qui partagent une URL mais exécutent un JavaScript différent 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 la constatation — mais demandez‑vous si la 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, pas à l’écran. Deux liens peuvent sembler éloignés après la mise en forme tout en demeurant adjacents dans le HTML — et les technologies d’assistance lisent l’ordre du HTML, donc la duplication est bien réelle pour ces utilisateurs.