RGAA 12.7 — Dans chaque page web, un lien d'évitement ou d'accès rapide à la zone de contenu principal est-il présent ?

Lien d'évitement absent

Le problème

L'absence de lien d'évitement signifie qu'il n'y a aucun mécanisme permettant aux utilisateurs de sauter directement au contenu principal de la page, en contournant les blocs de navigation répétitifs (en-tête, menu, barre latérale). Le critère RGAA 12.7 (correspondant au WCAG 2.4.1, niveau A) exige qu'un lien d'évitement ou d'accès rapide à la zone de contenu principal soit présent.

Sans lien d'évitement, un utilisateur de clavier ou de lecteur d'écran doit parcourir au clavier tous les éléments de navigation de l'en-tête -- logo, menu principal, sous-menus, recherche, panier, langue -- sur chaque page visitée avant d'atteindre le contenu principal. Sur un site avec 20 liens de navigation, cela représente 20 appuis sur Tab à chaque changement de page.

Le lien d'évitement est généralement un lien « Aller au contenu principal » placé comme premier élément focalisable de la page. Il est souvent visuellement masqué par défaut et n'apparaît que lorsqu'il reçoit le focus clavier. Certains sites proposent aussi des liens vers d'autres zones clés : « Aller à la navigation », « Aller au pied de page », « Aller à la recherche ».

Impact sur les utilisateurs

Pour les utilisateurs de clavier et de lecteurs d'écran, l'absence de lien d'évitement transforme chaque visite de page en parcours d'obstacles. L'utilisateur doit tabuler à travers 20, 30, voire 50 éléments de navigation avant d'atteindre le contenu qui l'intéresse. Sur un site de 10 pages, cela représente des centaines d'appuis sur Tab gaspillés.

Ce problème est particulièrement pénalisant sur les sites à navigation complexe : e-commerce avec méga-menus, sites institutionnels avec de nombreuses rubriques, applications web avec barres d'outils. Plus la navigation est riche, plus l'absence de lien d'évitement est handicapante.

Les utilisateurs mobiles qui utilisent un clavier externe ou un commutateur (switch) sont également affectés. Le lien d'évitement améliore aussi l'expérience des utilisateurs qui naviguent avec des outils d'assistance comme les joysticks ou les systèmes de suivi oculaire.

Votre site a-t-il ce problème ?

106 critères RGAA analysés en 5 minutes par notre IA.

Testez votre site gratuitement

Exemple de code

Avant (non conforme)

<body>
  <header>
    <nav>
      <a href="/">Accueil</a>
      <a href="/services">Services</a>
      <a href="/tarifs">Tarifs</a>
      <a href="/blog">Blog</a>
      <a href="/contact">Contact</a>
    </nav>
  </header>
  <!-- Pas de lien d'évitement -->
  <main id="contenu">
    <h1>Bienvenue</h1>
    ...
  </main>
</body>

Après (conforme)

<body>
  <!-- Lien d'évitement en premier élément focalisable -->
  <a href="#contenu" class="skip-link">
    Aller au contenu principal
  </a>
  <header>
    <nav>
      <a href="/">Accueil</a>
      <a href="/services">Services</a>
      <a href="/tarifs">Tarifs</a>
      <a href="/blog">Blog</a>
      <a href="/contact">Contact</a>
    </nav>
  </header>
  <main id="contenu">
    <h1>Bienvenue</h1>
    ...
  </main>
</body>

<style>
  .skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    padding: 8px 16px;
    background: #1a56db;
    color: #fff;
    z-index: 100;
  }
  .skip-link:focus {
    top: 0;
  }
</style>

Comment Scrutia détecte ce problème

Scrutia vérifie la présence d'un lien d'évitement comme premier élément focalisable de chaque page. Il contrôle que le lien pointe vers une ancre existante correspondant à la zone de contenu principal (typiquement l'élément <main>), que le lien est fonctionnel (l'ancre cible existe), et qu'il devient visible lorsqu'il reçoit le focus. Le rapport signale les pages sans lien d'évitement et fournit un code de correction complet.

Questions fréquentes

Le lien d'évitement doit-il être visible en permanence ?

Non. Le lien d'évitement peut être visuellement masqué par défaut et n'apparaître que lorsqu'il reçoit le focus clavier (via Tab). C'est la pratique la plus courante. L'important est qu'il soit le premier élément focalisable de la page et qu'il devienne visible au focus.

Un seul lien d'évitement suffit-il ?

Le RGAA exige au minimum un lien d'accès rapide à la zone de contenu principal. Cependant, pour les sites complexes, il est recommandé d'ajouter des liens supplémentaires vers d'autres zones clés : navigation, recherche, pied de page.

Les landmarks ARIA remplacent-ils le lien d'évitement ?

Non. Les landmarks (main, nav, footer) permettent aux utilisateurs de lecteurs d'écran de naviguer entre les zones de la page, mais ils ne bénéficient pas aux utilisateurs de clavier qui n'utilisent pas de lecteur d'écran. Le lien d'évitement est nécessaire en complément.

Comment tester le lien d'évitement ?

Ouvrez la page dans votre navigateur et appuyez sur Tab une seule fois. Le lien d'évitement doit apparaître en haut de la page. Appuyez sur Entrée : le focus doit être déplacé vers le contenu principal. Si rien n'apparaît au premier Tab, le lien est absent ou mal implémenté.

Votre site a-t-il ce problème ?

Scrutia audite votre site sur 106 critères RGAA en 5 minutes. Navigation clavier, composants ARIA, focus visible, contrastes, et bien plus.

Lancer un audit gratuit