landmark-no-duplicate-banner

La página no debe tener más de una región de referencia banner

manualconfianza: mediumgravedad: minoroperable

Comprueba que existe como máximo una región de referencia banner (role="banner" o un <header> no anidado) en la página.

Ámbito de aplicación. Se aplica siempre que la página contenga al menos una región de referencia banner (role="banner" explícito, o un <header> implícito no anidado, detectados de la misma manera que en landmark-banner-is-top-level). 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. Existe como máximo una región de referencia banner en la página. Según las WAI-ARIA Authoring Practices, la región de referencia banner representa contenido orientado al sitio que identifica la página en su conjunto, por lo que tener más de una resulta ambiguo para los usuarios de tecnología de asistencia que navegan por regiones de referencia.

Qué informa un hallazgo.

  • count: cuántas regiones de referencia banner expone la página a la tecnología de asistencia, frente a un límite de 1.

Estos campos de data.details ayudan a leer y reproducir un hallazgo. Salvo reasonCode y los pocos campos que Esquema de salida indica como estables, no son un contrato estable: un campo puede cambiar de nombre o desaparecer en una versión menor, así que no construyas sobre ellos.

Ejemplos

pass
<body>
<header>Site header</header>
</body>

Solo existe una región de referencia banner.

can't tell
<body>
<header>First</header>
<header>Second</header>
</body>

Dos elementos <header> de nivel superior se resuelven ambos al role banner.

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_DUPLICATE_BANNER

  1. Abrir la lista de puntos de referencia de un lector de pantalla, o el panel Accesibilidad, y contar los puntos de referencia banner.
  2. Para cada uno que indica el informe, decidir si es la cabecera de toda la página o la cabecera de una sección, una tarjeta o un diálogo.
  3. Comprobar que las copias ocultas o cerradas (como una cabecera dentro de un menú cerrado) están realmente ocultas a las tecnologías de apoyo.

Se cumple. Las tecnologías de apoyo encuentran un único banner, la cabecera de toda la página.

No se cumple. Se expone más de un banner, así que la navegación por puntos de referencia ofrece varias cabeceras de página, un incumplimiento de buena práctica según el rol banner de WAI-ARIA.

Reglas relacionadas

Ver código fuente