Thématique 12 · Navigation

Critère RGAA 12.7 : Lien d'évitement vers le contenu

Les personnes qui naviguent au clavier doivent sinon tabuler à travers tout le menu sur chaque page avant d'atteindre le contenu.

Niveau: AA
WCAG 2.2: 2.4.1, 2.4.3, 3.2.3
Thématique: Navigation
Vérification: Détecté automatiquement

La question posée par le RGAA

Dans chaque page web, un lien d’évitement ou d’accès rapide à la zone de contenu principal est-il présent (hors cas particuliers) ?

Comment respecter ce critère

Placez en tout début de page un lien « Aller au contenu » vers l'élément main, visible au moins lorsqu'il reçoit le focus.

Exemple

Aucun lien d'évitement pour atteindre directement le contenu principal.

✗ À éviter

<body><header>…nav longue…</header>

✓ À faire

<body><a href="#main" class="skip">Aller au contenu</a> … <main id="main">

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

12.7.1 — Dans chaque page web, un lien permet-il d’éviter la zone de contenu principal ou d’y accéder (hors cas particuliers) ?
12.7.2 — Dans chaque ensemble de pages, le lien d’évitement ou d’accès rapide à la zone de contenu principal vérifie-t-il ces conditions (hors cas particuliers) ? (Le lien est situé à la même place dans la présentation ; Le lien se présente toujours dans le même ordre relatif dans le code source ; Le lien est visible ou, à défaut, visible à la prise de focus ; Le lien est fonctionnel.)

Source : RGAA 4.1.2, critère 12.7, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Accessia détecte automatiquement les manquements à ce critère : l'analyse en ligne et l'extension Chrome localisent chaque élément en cause et proposent le correctif. Un contrôle humain reste utile pour les cas particuliers.