landmark-main-is-top-level

La región de referencia main debe estar en el nivel superior

manualconfianza: mediumgravedad: minoroperable

Comprueba que la región de referencia main (role="main" o <main>) no está anidada dentro de otra región de referencia.

Ámbito de aplicación. Se aplica siempre que la página contenga al menos una región de referencia main (role="main" explícito, o un elemento <main> implícito).

Resultado esperado. Ninguna región de referencia main tiene un ancestro que sea a su vez una región de referencia. Una región main anidada dentro de otra región de referencia no es un área de contenido principal de nivel superior que abarque toda la página, y confunde la navegación basada en regiones de referencia para los usuarios de tecnología de asistencia.

Ejemplos

can't tell
<div role="navigation">
<main>Nested main</main>
</div>

La región de referencia main está anidada dentro de una región de referencia navigation en lugar de estar en el nivel superior.

n/a
<main>Content</main>

La región de referencia main no está anidada dentro de ninguna otra región de referencia.

Ver código fuente