landmark-banner-is-top-level

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

manualconfianza: mediumgravedad: minoroperable

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

Ámbito de aplicación. Se aplica siempre que la página contenga al menos un candidato a banner: role="banner" explícito, O un <header> sin ningún atributo role, independientemente del anidamiento (véanse las notas de implementación sobre por qué la selección de candidatos es intencionadamente incondicional).

Resultado esperado. Ningún candidato a banner tiene un ancestro que sea a su vez una región de referencia. Un banner anidado dentro de otra región de referencia no es un banner 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">
<div role="banner">Nested banner</div>
</div>

Una región de referencia banner anidada dentro de otra región de referencia ya no funciona como el único encabezado de nivel superior de la página.

n/a
<header>Site header</header>

El banner no está anidado dentro de ninguna otra región de referencia.

Ver código fuente