Test 9.2.3

L’élément <header> dépourvu de l’attribut WAI-ARIA role, utilisé pour structurer la zone d’en-tête de la page, est imbriqué dans un élément ayant un rôle calculé différent de article, complementary, main, navigation et section. Cette règle est-elle respectée ?

Méthodologie 9.2.3

  1. Vérifier que l’élément <header> dépourvu de l’attribut WAI-ARIA role, utilisé pour structurer la zone d’en-tête de la page, est imbriqué dans un élément ayant un rôle calculé différent de :
    • article
    • complementary
    • main
    • navigation
    • section
  2. 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

<header> article complementary main navigation role section

Définitions

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.

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).