RGAA Lab

RGAA 4.1.2 · Navigation · Critère 12.6

Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d’en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche) peuvent-elles être atteintes ou évitées ?

Sans repères de zones, une personne au lecteur d'écran traverse l'en-tête et le menu à chaque page avant d'atteindre le contenu — quarante liens, à chaque fois.

Ce que dit le référentiel

Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.

  1. 12.6.1
    Dans chaque page web où elles sont présentes, la zone d’en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche respectent-elles au moins une de ces conditions ?
    • La zone possède un rôle WAI-ARIA de type landmark correspondant à sa nature ;
    • La zone possède un titre dont le contenu permet de comprendre la nature du contenu de la zone ;
    • La zone peut être masquée par le biais d’un bouton précédent directement la zone dans l’ordre du code source ;
    • La zone peut être évitée par le biais d’un lien d’évitement précédent directement la zone dans l’ordre du code source ;
    • La zone peut être atteinte par le biais d’un lien d’accès rapide visible ou, à défaut, visible à la prise de focus.

Comment le vérifier

  1. Identifier les zones présentes : en-tête, navigation principale, contenu principal, pied de page, moteur de recherche.
  2. Pour chacune, vérifier qu'elle remplit au moins une des conditions : un rôle de landmark correspondant à sa nature (banner, navigation, main, contentinfo, search), un titre qui la décrit, un bouton de masquage ou un lien d'évitement placé juste avant, ou un lien d'accès rapide visible — au moins à la prise de focus.
  3. Vérifier que les landmarks correspondent à la réalité : un <nav> autour du contenu ne balise rien d'utile.
  4. Naviguer de landmark en landmark avec un lecteur d'écran pour constater le résultat, pas seulement le balisage.

Ce que notre outil fait

Assisté

Le moteur repère les éléments concernés et vous pose la question. Il ne conclut pas à votre place.

L'outil sait relever les landmarks de la page et vous montrer ce qu'ils couvrent. Il ne peut pas décider si une zone existe visuellement sans être balisée — c'est le défaut le plus courant, et il ne se voit qu'à l'œil.

Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.

Les pièges

Les erreurs qu’on rencontre vraiment, relevées au fil des audits.

  • Plusieurs <nav> sans nom accessible : ils s'annoncent tous « navigation », et l'utilisateur ne sait pas lequel choisir.
  • <main> employé deux fois dans une page : il ne doit y en avoir qu'un, sans quoi le repère perd son sens.
  • Un <header> imbriqué dans un <article> ne porte pas le rôle banner : la zone d'en-tête de la page reste alors non balisée.

À lire avec