Passer 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étitifs. Il s’agit habituellement d’un lien « passer 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">Passer au contenu principal</a>
...
<main id="main">
  <h1>Bienvenue</h1>
</main>

Pourquoi c’est important

Beaucoup de personnes consomment les pages de manière séquentielle : un(e) utilisateur(trice) de entend le contenu dans l’ordre, et un(e) utilisateur(trice) du clavier parcourt chaque lien avec la touche 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 s’y frayer un chemin de nouveau à chaque page — une personne aveugle peut devoir écouter des dizaines voire des centaines de liens de navigation avant d’accéder au contenu. Un lien d’évitement ou un repère principal supprime ce fardeau.

Les liens d’évitement n’ont pas besoin d’être visibles pour tout le monde. Un schéma courant garde le lien caché jusqu’à ce qu’il reçoive le , de sorte 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">Passer au contenu principal</a>.
Assurez-vous que la cible existe : le fragment doit correspondre à l’attribut id d’un élément réel, et l’élément cible doit être visible.
Autrement (ou en plus), marquez votre contenu principal avec un élément <main> ou role="main" — chacun suffit à lui seul pour satisfaire cette vérification.
La bonne pratique est de 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">Passer au contenu principal</a>
...
<main id="main">...</main>

Comment Silktide vérifie cela

Ignorer les pages comptant moins de 500 caractères de texte visibles — il y a trop peu de contenu pour justifier un lien d’évitement.
Rechercher un lien pointant vers un fragment (comme #main) sur la même page. Pour être pris en compte, le lien ne doit pas être accolé à d’autres textes (ce qui indiquerait qu’il fait partie d’une phrase plutôt que d’une aide à la navigation), et il doit être soit visible, soit caché d’une manière compatible avec les lecteurs d’écran.
Le texte du lien n’est volontairement pas examiné, de sorte que la vérification fonctionne dans toutes les langues.
Signaler un problème lorsque :
- Le fragment du lien pointe vers un id qui n’existe pas sur la page (lien d’évitement brisé).
- Le lien apparaît après plus de 500 caractères de texte visibles, trop tard pour éviter des efforts à l’utilisateur.
- Aucun lien d’évitement n’existe et la page n’a ni <main> ni role="main" comme repère.

Dépannage

J’ai un lien d’évitement, mais la vérification échoue quand même

Vérifiez les trois cas d’échec ci-dessus : les causes les plus fréquentes sont un fragment pointant vers un id qui n’existe plus, un élément cible invisible, et une bannière de témoins (cookies) ou un autre contenu qui repousse le lien à plus de 500 caractères dans la page.

Mon contenu commence en haut de la page

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