landmark-banner-is-top-level
La región de referencia banner debe estar en el nivel superior
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. Un elemento personalizado cuyos ElementInternals le dan un rol de landmark (this.attachInternals().role), sin un atributo role que nombre otro, es un landmark como lo es un elemento nativo con ese rol.
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
<header>Site header</header>
El banner no está anidado dentro de ninguna otra región de referencia.
<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.
Cómo comprobarlo
Cuando esta regla no puede decidir, informa cantTell y deja la pregunta a una persona. Cada pregunta que puede plantear aparece aquí bajo su código de motivo, con los pasos para responderla. Un hallazgo lleva los mismos pasos en howToCheck, en el idioma del análisis. Consulta Esquema de salida.
LANDMARK_BANNER_NOT_TOP_LEVEL
- Localizar el banner (un header o role="banner") que indica el informe y el punto de referencia en el que está.
- Abrir la lista de puntos de referencia de un lector de pantalla, o el panel Accesibilidad, y observar dónde aparece el banner.
- Decidir si es la cabecera de toda la página; si es la cabecera de un article o una section, no debería ser un banner.
Se cumple. El banner está en el nivel superior de la página, fuera de cualquier otro punto de referencia.
No se cumple. Un banner está dentro de otro punto de referencia, lo que confunde la navegación por puntos de referencia, un incumplimiento de buena práctica según el rol banner de WAI-ARIA.