Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Qu'est-ce qu'un lien d'évitement et à quoi sert-il ?
Un lien d'évitement — en anglais « Skip-Link » — est généralement le premier lien d'une page et mène directement au contenu principal. Il permet aux utilisateurs de clavier d'éviter de parcourir le menu complet : avec une navigation contenant de nombreuses entrées, cela représente des dizaines de pressions sur la touche de tabulation avant que le contenu réel commence — sur chaque sous-page. Le critère WCAG 2.4.1 exige un tel raccourci.
Comment fonctionne un lien de saut
Le lien de saut apparaît comme le premier élément pouvant recevoir le focus dans le code source et porte un texte comme « Aller au contenu ». Pour les utilisateurs de souris, il reste invisible ; ce n'est que lorsque la touche de tabulation le trouve qu'il s'affiche. Un appui sur la touche Entrée place le focus directement après l'en-tête et le menu, au début du contenu principal. Les lecteurs d'écran en profitent doublement : ils n'ont pas à relire la navigation toujours identique sur chaque page. Une technique alternative reconnue consiste à utiliser des marqueurs de région dans le code source, en particulier un marqueur principal distingué — de nombreux lecteurs d'écran accèdent directement aux régions. En outre, le lien de saut classique aide également les utilisateurs voyants du clavier sans lecteur d'écran.
Comment le service de contrôle teste le lien d'évitement
Le service de contrôle examine les trois premiers éléments pouvant recevoir le focus de la page : si l'un d'eux porte un texte de lien de saut comme « vers le contenu », le critère est considéré comme satisfait — une preuve concrète. Si le lien de saut manque, mais le contenu principal est marqué comme zone principale dans le code source, la technique alternative est plausible ; le rapport le note comme cas de contrôle manuel, car seul un humain peut vérifier si la structuration des zones fonctionne vraiment. Si les deux manquent, le critère est non-conforme. Ainsi le rapport établit une distinction nette entre raccourci démontré, alternative plausible et lacune véritable.
Beispiele
Kein Weg am Menü vorbei
<body>
<nav>… 40 Menüpunkte …</nav>
<div class="inhalt">…</div>
</body><body>
<a href="#inhalt" class="sprunglink">Zum Inhalt springen</a>
<nav aria-label="Hauptmenü">… 40 Menüpunkte …</nav>
<main id="inhalt">…</main>
</body>Der Sprunglink ist das erste fokussierbare Element und wird sichtbar, sobald er den Fokus hat. Die Landmarke main hilft zusätzlich.
- Appuyez une fois sur la touche de tabulation sur votre page d'accueil — si un lien « Aller au contenu » apparaît, le raccourci fonctionne.
- Demandez à votre agence d'intégrer le lien d'évitement comme premier élément pouvant recevoir le focus et ne l'afficher que lors du focus.
- Faites marquer le contenu principal comme région principale dans le code source — les lecteurs d'écran peuvent sauter directement dans les régions.
- Vérifiez que la cible du lien d'évitement est correcte : après le saut, le prochain appui sur la touche de tabulation doit amener le focus dans le contenu principal, non pas retourner au menu.