Liens sémantiques

Silktide recherche des groupes de liens qui se comportent comme un menu ou une section de navigation mais qui ne sont pas balisés comme une liste. Il trouve aussi des tableaux à une seule colonne utilisés pour mettre en page ce qui est en réalité une liste d’éléments.

Les groupes de liens connexes - menus, pieds de page, blocs « pages connexes » - devraient être écrits comme des listes en , afin que leur structure soit explicite:

<!-- Problème : un bloc de navigation sans structure -->
<a href="\/about">À propos</a>
<a href="\/products">Produits</a>
<a href="\/contact">Nous joindre</a>

<!-- Corrigé : les liens sont des éléments d’une liste -->
<ul>
  <li><a href="\/about">À propos</a></li>
  <li><a href="\/products">Produits</a></li>
  <li><a href="\/contact">Nous joindre</a></li>
</ul>

Pourquoi c’est important

Lorsqu’ils sont dans une liste, un annonce le groupe et sa taille, et l’utilisateur peut ignorer tout le groupe en une seule étape - essentiel lorsque la même navigation se répète sur chaque page. Des liens isolés n’offrent pas un tel raccourci : un visiteur peut devoir parcourir des dizaines, voire des centaines, de liens un par un avant d’atteindre le contenu, sur chaque page qu’il visite.

Comment corriger

Entourez chaque groupe de liens connexes d’un <ul> (ou d’un <ol> lorsque l’ordre est important), avec chaque lien dans son propre <li>. Pour la navigation, enveloppez aussi la liste dans un élément <nav> afin qu’elle soit annoncée comme une navigation.
Remplacez les tableaux à une seule colonne par une liste - un tableau à une colonne n’a pas de relations tabulaires et le balisage de liste le décrit mieux:

<!-- Problème : un tableau à une colonne utilisé comme liste -->
<table>
  <tr><td>Banane</td></tr>
  <tr><td>Pomme</td></tr>
</table>

<!-- Corrigé -->
<ul>
  <li>Banane</li>
  <li>Pomme</li>
</ul>

Comment Silktide teste cela

Parcourir les éléments de chaque page, en sautant le contenu déjà à l’intérieur du balisage de liste.
Signaler un élément contenant trois liens ou plus à la suite avec moins de 30 caractères d’autre texte entre eux - un signe fort d’un menu ou d’un groupe de liens. Les blocs interrompus par du contenu comme des paragraphes, des titres ou des images ne sont pas considérés comme des groupes de liens.
Par ailleurs, signaler les tableaux qui n’ont qu’une seule colonne et contiennent du texte, comme des listes déguisées en tableaux.

Dépannage

Mes liens sont séparés par du contenu réel

Silktide cesse de considérer un bloc comme de la navigation lorsqu’il contient du texte substantiel ou des éléments de contenu entre les liens. Si un groupe signalé se lit vraiment comme du texte courant plutôt qu’un menu, vous pouvez le constat.

Liens en ligne dans une phrase

Les liens qui s’insèrent dans une phrase ne doivent pas être dans une liste. Cette vérification tolère de courts segments de texte entre les liens, mais si une phrase composée d’expressions liées est signalée, approuvez-la.