Les ARIA landmark sont des attributs qu’on ajoute aux éléments pour créer des sections sémantiquement définies dans une page, permettant aux utilisateurs de technologies d’assistance de naviguer plus facilement dans la page.

Il faut voir les ARIA landmark comme la création d’un ensemble de liens « skip to content ».

Un des exemples les plus comment est l’utilisation de l’attribut « role » :

<div id="nav" role="navigation">…</div>

Le contenu de cette balise sera définie comme faisant partie de la section navigation.

Un autre exemple d’utilisation concrète serait d’utiliser l’attribut « aria-labelledby »

<ul id="radiogroup" role="radiogroup" aria-labelledby="radio_label">…</ul>

Le contenu de cette balise sera définie comme faisant partie de la section radiogroup, associée au libellé radio_label.