Clavier

Offrir un moyen de passer la navigation

Règle: bypass
Gravité: Sérieux
Niveau WCAG A

Pourquoi c’est important

Au clavier ou au lecteur d’écran, on rencontre les mêmes quarante liens d’en-tête sur chaque page. Sans raccourci, atteindre le contenu coûte quarante frappes à chaque fois.

Comment corriger

Ajoutez un lien « Aller au contenu » comme premier élément focusable, pointant vers la zone principale.
Enveloppez le contenu dans <main id="main"> et utilisez <nav>, <header> et <footer> autour.
Rendez ce lien visible à la prise de focus : un lien que personne ne voit est un lien que personne n’utilise.

Dans le balisage

Échoue

<body>
  <nav>... 40 links ...</nav>
  <div>Article</div>
</body>

Réussit

<body>
  <a href="#main" class="skip-link">Skip to content</a>
  <nav>... 40 links ...</nav>
  <main id="main">Article</main>
</body>

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

2.4.1 Contourner des blocs (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur bypass (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.