landmark-contentinfo-is-top-level

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

manualconfianza: mediumgravedad: minoroperable

Comprueba que la región de referencia contentinfo (role="contentinfo" o un <footer> 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 contentinfo: role="contentinfo" explícito, O un <footer> 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 contentinfo tiene un ancestro que sea a su vez una región de referencia. Un contentinfo anidado dentro de otra región de referencia no es una región de pie de página 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

pass
<footer>Site footer</footer>

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

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

Una región de referencia contentinfo anidada dentro de otra región de referencia ya no funciona como el único pie de página 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_CONTENTINFO_NOT_TOP_LEVEL

  1. Localizar el contentinfo (un footer o role="contentinfo") que indica el informe y el punto de referencia en el que está.
  2. Abrir la lista de puntos de referencia de un lector de pantalla, o el panel Accesibilidad, y observar dónde aparece.
  3. Decidir si es el pie de toda la página; si es el pie de un article o una section, no debería ser un contentinfo.

Se cumple. El contentinfo está en el nivel superior de la página, fuera de cualquier otro punto de referencia.

No se cumple. Un contentinfo 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 contentinfo de WAI-ARIA.

Ver código fuente