Aller au contenu

Silktide vérifie que chaque page offre aux visiteurs un moyen d’accéder directement à son contenu principal, en passant les en-têtes et la navigation répétés. Il s’agit généralement d’un lien « Aller au contenu » en haut de la page, ou d’un repère de contenu principal.

<!-- Un lien d’évitement pointant vers le contenu principal -->
<a href="#main">Aller au contenu principal</a>
...
<main id="main">
  <h1>Bienvenue</h1>
</main>

Pourquoi c’est important

Beaucoup de personnes parcourent les pages de manière séquentielle : un utilisateur de entend le contenu dans l’ordre, et un utilisateur au clavier parcourt chaque lien avec la touche de tabulation. Comme la plupart des sites répètent le même en-tête et la même navigation sur chaque page, ces utilisateurs doivent les traverser à nouveau sur chaque page — un visiteur aveugle peut devoir écouter des dizaines voire des centaines de liens de navigation avant d’atteindre le contenu. Un lien d’évitement ou un repère principal évite cette contrainte.

Les liens d’évitement n’ont pas besoin d’être visibles pour tout le monde. Un schéma courant consiste à garder le lien masqué jusqu’à ce qu’il reçoive le , afin qu’il n’affecte pas votre design.

Comment corriger

Ajoutez un lien tout en haut de la page pointant vers le début de votre contenu principal, par exemple <a href="#main">Aller au contenu principal</a>.
Assurez-vous que la cible existe : le fragment doit correspondre à l’id d’un véritable élément, et l’élément cible doit être visible.
Sinon (ou en complément), marquez votre contenu principal avec un élément <main> ou role="main" — l’un ou l’autre suffit à lui seul pour satisfaire ce contrôle.
La bonne pratique consiste à combiner les deux : un lien d’évitement pointant vers le repère <main>, ce qui fonctionne avec la plus large gamme de navigateurs et de technologies d’assistance :

<a href="#main">Aller au contenu principal</a>
...
<main id="main">...</main>

Comment Silktide teste cela

Ignore les pages contenant moins de 500 caractères de texte visibles — il y a trop peu de contenu pour nécessiter un lien d’évitement.
Recherche un lien pointant vers un fragment (comme #main) sur la même page. Pour être pris en compte, le lien ne doit pas être adjacent à un autre texte (ce qui suggérerait qu’il fait partie d’une phrase plutôt que d’être une aide à la navigation), et il doit être soit visible, soit masqué de manière compatible avec les lecteurs d’écran.
Le texte du lien n’est délibérément pas examiné, de sorte que le contrôle fonctionne dans toutes les langues.
Signale un problème lorsque :
- Le fragment du lien pointe vers un id qui n’existe pas sur la page (lien d’évitement rompu).
- Le lien apparaît après plus de 500 caractères de texte visibles, trop tard pour lui éviter des efforts.
- Aucun lien d’évitement n’existe et la page ne comporte aucun repère <main> ou role="main".

Dépannage

J’ai un lien d’évitement mais le contrôle échoue quand même

Vérifiez les trois cas d’échec ci‑dessus : les causes les plus courantes sont un fragment pointant vers un id qui n’existe plus, un élément cible invisible, et une bannière de cookies ou un autre contenu repoussant le lien à plus de 500 caractères depuis le début de la page.

Mon contenu commence en haut de la page

Si la page comporte moins de 500 caractères visibles, elle est ignorée automatiquement. Les pages plus longues ont tout de même besoin d’un lien d’évitement ou d’un repère principal, même lorsque le contenu commence tôt, car Silktide ne peut pas déterminer de manière fiable qu’aucune navigation ne le précède.