Tout le contenu de la page doit être contenu par des balises de repère

Assurez-vous que tout le contenu est contenu dans une balise de repère, désignée par des éléments de balise de repère HTML5 et/ou des balises de repère ARIA.

Les utilisateurs de lecteurs d'écran peuvent accéder à une section en fonction de son élément HTML ou de sa balise ARIA. Par exemple, vous pouvez utiliser les balises ARIA pour fournir un remplacement simple pour un lien de navigation par saut, bien que le remplacement ne soit utile que pour les utilisateurs de lecteurs d'écran. Les utilisateurs voyants ou les personnes utilisant des agrandisseurs d'écran ne bénéficieront pas de cet ajout. Il n'est donc pas recommandé de remplacer complètement les balises ARIA par des liens de saut de navigation.

Exemples

Le balisage de l'exemple suivant montre des éléments de repère HTML5 natifs :

<html lang="en">
    <head>
        <title>Hello</title>
    </head>
    <body>
        <header>This is the header</header>
        <nav>This is the nav</nav>
        <main>This is the main</main>
        <footer>This is the footer</footer>
    </body>
</html>

Les meilleures pratiques ARIA préconisent l'utilisation d'éléments HTML5 natifs au lieu de rôles ARIA lorsque cela est possible, mais le balisage de l'exemple suivant fonctionne :

<html lang="en">
    <head>
        <title>Hello</title>
    </head>
    <body>
        <div role="banner">This is the header</div>
        <div role="navigation">This is the nav</div>
        <div role="main">This is the main</div>
        <div role="contentinfo">This is the footer</div>
    </body>
</html>