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 repère également 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 apparentés — menus, pieds de page, blocs « pages associées » — doivent ê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">Contactez-nous</a>

<!-- Correction : 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">Contactez-nous</a></li>
</ul>

Pourquoi c'est important

Lorsque les liens sont dans une liste, un annonce le groupe et sa taille, et l'utilisateur peut ignorer l'ensemble du groupe en une seule étape — ce qui est essentiel lorsque la même navigation se répète sur chaque page. Des liens placés librement (hors liste) n'offrent pas ce raccourci : une personne peut devoir parcourir des dizaines voire des centaines de liens un par un avant d'atteindre le contenu, et ce sur chaque page visitée.

Comment corriger

Entourez chaque groupe de liens apparentés d'un <ul> (ou d'un <ol> lorsque l'ordre compte), avec chaque lien dans son propre <li>. Pour la navigation, entourez également la liste d'un élément <nav> afin qu'elle soit annoncée comme 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>

<!-- Correction -->
<ul>
  <li>Banane</li>
  <li>Pomme</li>
</ul>

Comment Silktide teste cela

Parcourt les éléments de chaque page, en ignorant le contenu déjà à l'intérieur d'un balisage de liste.
Signale un élément contenant trois liens ou plus à la suite, avec moins de 30 caractères d'autre texte entre eux — un fort indice d'un menu ou d'un groupe de liens. Les blocs interrompus par du contenu tel que des paragraphes, des titres ou des images ne sont pas considérés comme des groupes de liens.
Signale séparément 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 un contenu réel

Silktide cesse de considérer un bloc comme de la navigation lorsqu'il contient un texte substantiel ou des éléments de contenu entre les liens. Si un groupe signalé se lit véritablement comme de la prose plutôt que comme un menu, vous pouvez le constat.

Liens intégrés dans une phrase

Les liens qui s'insèrent dans une phrase ne doivent pas être dans une liste. Ce contrôle tolère de courts segments de texte entre les liens, mais si une phrase composée de segments liés est signalée, approuvez-la.