Landmarks

WAI-ARIA propose des rôles permettant d’identifier des repères de navigation. Ces rôles sont très profitables aux utilisateurs de lecteurs d’écran notamment, mais également aux utilisateurs de la navigation au clavier qui peuvent ainsi bénéficier de fonctionnalités de navigation rapide.

Les rôles doivent être définis dans le document en fonction de la nature de la zone (grâce à l’attribut WAI-ARIA role ou une balise HTML ayant un rôle implicite, voir la notion de rôle calculé à ce sujet). WAI-ARIA désigne 8 landmarks.

5 landmarks sont exploités dans la structure du document (critère 9.2) :

  • banner
  • contentinfo
  • main
  • navigation
  • search

3 landmarks sont disponibles pour identifier d’autres régions :

  • form (<form> ou role="form")
  • complementary (<aside> ou role="complementary")
  • region (<section> ou role="region").

Les landmarks form et region ne sont identifiés comme repère de navigation que s’ils possèdent un nom accessible.

Voir la section Landmark Roles dans la documentation.

Note 1 : compte tenu du support variable des landmarks form, complementary et region, s’ils sont utilisés dans la page en tant que repères de navigation, ils devront faire l’objet de tests de navigation et de restitution sur l’environnement de test.

Note 2 : Il n’est pas obligatoire d’identifier des repères de navigation autre que ceux requis par le critère 9.2 si le contexte ne le nécessite pas. Par exemple, il n’est pas obligatoire d’identifier tous les formulaires avec un élément form, mais seulement si un contexte de navigation plus ou moins complexe (applicatif par exemple) nécessiterait d’offrir plus de repères de navigation que ne le réclame déjà le critère 9.2.

Tests qui lient vers ce terme :

Définitions citées

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.