Test 9.2.1

Dans chaque page web, la structure du document vérifie-t-elle ces conditions (hors cas particuliers) ?

La zone d’en-tête de la page est structurée via une balise <header> ;

Les zones de navigation principales et secondaires sont structurées via une balise <nav> ;

La balise <nav> est réservée à la structuration des zones de navigation principales et secondaires ;

La zone de contenu principal est structurée via une balise <main> ;

La structure du document utilise une balise <main> visible unique ;

La zone de pied de page est structurée via une balise <footer>.

Méthodologie 9.2.1

  1. Vérifier que la zone d’en-tête est structurée au moyen d’un élément <header> ;
  2. Vérifier que les zones de navigation principales et secondaires sont structurées au moyen d’un élément <nav> ;
  3. Vérifier que l’élément <nav> n’est pas utilisé en dehors de la structuration des zones de navigation principales et secondaires ;
  4. Vérifier que la zone de contenu principal est structurée au moyen d’un élément <main> ;
  5. Si le document possède plusieurs éléments <main>, vérifier qu’un seul de ces éléments est visible (les autres occurrences de l’élément sont pourvues d’un attribut hidden) ;
  6. Vérifier que la zone de pied de page est structurée au moyen d’un élément <footer>.
  7. Si c’est le cas pour chaque zone de contenu, le test est validé.
Cas particulier Note technique

Tests suivants et précédents au clavier

Test précédent : Maj + ←

Test suivant : Maj + →

Avec ces raccourcis clavier, atteindre

Éléments et attributs

<footer> <header> <main> <nav> hidden

Note technique du critère 9.2

La balise <main> peut être utilisée plusieurs fois dans le même document HTML. Néanmoins, il ne peut y avoir en permanence qu’une seule balise visible et lisible par les technologies d’assistances, les autres devant disposer d’un attribut hidden ou d’un style permettant de les masquer aux technologies d’assistances. À noter cependant que l’utilisation d’un style seul restera insuffisante pour assurer l’unicité d’une balise <main> visible en cas de désactivation des feuilles de styles.

Cas particuliers du critère 9.2

Lorsque le doctype déclaré dans la page n’est pas le doctype HTML5, ce critère est non applicable.

Définitions

Liste de liens permettant une navigation spécifique dans le site, dans une rubrique ou dans une collection de pages.

Les principales barres de navigation (critère 12.2) sont :

  • Un menu de navigation ;
  • Un fil d’ariane ;
  • Une liste de navigation d’une liste de résultats ;
  • Des liens d’évitement.

Il existe différents types de menu de navigation (critère 12.1 et critère 12.2) :

  • Menu de navigation principal ;
  • Menu de sous-rubrique ;
  • Menu contextuel ;
  • Table des matières concernant un ensemble de pages.

Note : Les liens de pied de page renvoyant vers les mentions légales, plan du site et autres informations concernant le site ne sont pas considérés comme un menu de navigation principal.

Structure du document

Ensemble d’éléments permettant de définir les grandes zones d’une page HTML telles que la zone d’en-tête de la page, les zones de navigation principale et secondaire, la zone de contenu principal et la zone de pied de page.

Zone d’en-tête

Zone située en haut du document et contenant généralement le titre du document, un logo, un slogan…

Note : Attention à ne pas confondre cette zone d’en-tête, unique dans le site, avec tout contenu pouvant être balisé en HTML5 avec l’élément <header>.

Voir la définition technique fournie par WAI-ARIA : Banner (role).

Zone de contenu principal

Zone contenant les principaux contenus de la page, là où se trouvent les informations et fonctionnalités de fond (donc en dehors des menus, de la recherche ou des zones secondaires de publicités, actualités connexes…).

Note : Cette zone est unique dans la page. Elle peut être difficile à déterminer sur certaines pages particulières, comme la page d’accueil.

Voir la définition technique fournie par WAI-ARIA : Main (role).

Zone de pied de page

Il s’agit des informations concernant le fonctionnement du site ou les informations légales. On y trouve par exemple les mentions légales, les crédits, les conditions d’utilisation, le plan du site et éventuellement la page accessibilité.

Note : Attention à ne pas confondre cette zone de pied de page, unique dans le site, avec tout contenu pouvant être balisé en HTML5 avec l’élément <footer>.

Voir la définition technique fournie par WAI-ARIA : Contentinfo (role).