Todo el contenido de la página debe estar delimitado por puntos de referencia.

Asegúrese de que todo el contenido esté dentro de una región de hito, designada con elementos de hito HTML5 y/o regiones de hito ARIA.

Los usuarios de lectores de pantalla pueden navegar a una sección en función de su elemento HTML o ARIA Landmark. Por ejemplo, puede usar ARIA Landmarks para proporcionar un reemplazo simple para un enlace de omisión de navegación, aunque el reemplazo solo es útil para usuarios de lectores de pantalla. Los usuarios videntes o las personas que utilizan ampliadores de pantalla no se beneficiarán con esta incorporación, por lo que no es una buena práctica sustituir los puntos de referencia de ARIA por enlaces para saltar la navegación.

Ejemplos

El marcado en el siguiente ejemplo muestra elementos de referencia HTML5 nativos:

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

Las mejores prácticas de ARIA recomiendan el uso de elementos de referencia HTML5 nativos en lugar de roles ARIA cuando sea posible, pero el marcado en el siguiente ejemplo funciona:

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