Test 9.2.2

Dans chaque page web, la structure du document vérifie-t-elle ces conditions ?

La structure du document utilise un seul élément visible avec le rôle calculé de main.

La structure du document utilise un seul élément visible avec le rôle calculé de banner.

La structure du document utilise un seul élément visible avec le rôle calculé de contentinfo.

Les éléments qui ont un rôle calculé de navigation sont réservés à la structuration des zones de navigation principales et secondaires.

Méthodologie 9.2.2

  1. Vérifier que les éléments qui ont un rôle calculé de navigation ne sont pas utilisés pour structurer des zones qui ont une fonction différente que navigation principale ou secondaire.
  2. Si le document possède plusieurs éléments qui ont le rôle calculé de main, vérifier qu’un seul de ces éléments est visible (les autres occurrences sont pourvues d’un attribut hidden par exemple).
  3. Si le document possède plusieurs éléments qui ont le rôle calculé de banner, vérifier qu’un seul de ces éléments est visible (les autres occurrences sont pourvues d’un attribut hidden par exemple).
  4. Si le document possède plusieurs éléments qui ont le rôle calculé de contentinfo, vérifier qu’un seul de ces éléments est visible (les autres occurrences sont pourvues d’un attribut hidden par exemple).
  5. Si c’est le cas, le test est validé.

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

banner contentinfo main navigation hidden

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.

Rôle calculé

Le rôle ARIA d’un élément peut être calculé de deux façons :

  • sur la base du rôle implicite de l’élément. Par exemple, l’élément <header> a le rôle implicite de banner, l’élément <nav> a le rôle implicite de navigation, etc.
  • sur la base du rôle explicite donné par la valeur de l’attribut WAI-ARIA role sur la balise ouvrante : <div role="banner">.

Lorsque le référentiel indique qu’un élément « a le rôle calculé de », ce peut-être du fait d’un rôle implicite ou explicite.

Par exemple : « L’élément a un rôle calculé de banner » indique que l’élément peut-être un élément HTML5 <header> ou tout autre élément possédant l’attribut WAI-ARIA role="banner". À l’inverse, s’il est indiqué « L’élément est pourvu d’un attribut WAI-ARIA role="banner" », alors c’est bien l’attribut role uniquement qui est attendu.

Voir la documentation : Implicit WAI-ARIA semantics.

Ci-dessous la liste des rôles implicites WAI-ARIA des éléments HTML5 permettant de structurer le document :

  • <footer> : role="contentinfo"
  • <header> : role="banner"
  • <main> : role="main"
  • <nav> : role="navigation"
  • <search> : role="search"

Note : Pour <footer> et <header>, le rôle ne sera calculé que s’ils ne sont pas inclus dans un élément ayant le rôle calculé de article, complementary, main, navigation ou section.

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.