Skip to content

Etiqueta accesible de landmarks ​

Cuando una página tiene varias regiones del mismo tipo —dos navegaciones, tres áreas de búsqueda, un puñado de paneles complementarios— cada una necesita su propio nombre. Sin nombre, el lector de pantalla las anuncia todas igual ("navegación… navegación…") y el usuario no tiene forma de saber cuál es el menú del sitio y cuál son los enlaces del pie.

Esta revisión busca exactamente eso: tipos de región duplicados donde las regiones individuales no están nombradas.


Qué comprueba la herramienta ​

Para cada tipo de región de la página (navegación, búsqueda, complementaria, etc.), la herramienta cuenta cuántas instancias visibles hay. Si hay más de una del mismo tipo, cada una debe llevar un nombre.

Una región se puede nombrar de tres formas, y la herramienta acepta cualquiera de ellas:

  • aria-label
  • aria-labelledby
  • title

Por qué importa ​

Los lectores de pantalla ofrecen la lista de regiones de la página como atajo de navegación. Esa lista solo sirve si las entradas se distinguen entre sí. Dos entradas que dicen "navegación" obligan al usuario a entrar en cada una y explorarla antes de decidir cuál era la que buscaba — en todas las páginas del sitio.


Cuándo reporta un problema ​

  • Dos o más regiones visibles del mismo tipo y ninguna está nombrada. Cada región sin nombre se reporta por separado, así que dos navegaciones sin nombre producen dos issues.
  • Dos o más regiones visibles del mismo tipo donde solo algunas están nombradas. Solo se reportan las que no lo están.
  • Una región visible que no se puede distinguir de sus hermanas por ningún otro motivo.

Cuándo no reporta ​

SituaciónPor qué no se reporta
Solo hay una región de ese tipo en la páginaNo hay nada con qué confundirla
Todas las regiones de ese tipo están nombradasEl usuario puede distinguirlas
section y form sin nombreSin nombre no se exponen como regiones, así que no compiten con nada
Un section nombrado junto a otro sin nombreSolo el nombrado es una región; no hay duplicación
Un header dentro de un articleSolo los encabezados a nivel de página cuentan como región; uno anidado no es un duplicado
Regiones ocultasUna región oculta con display: none, visibility: hidden, aria-hidden="true" o el atributo hidden queda fuera del conteo

Las regiones que aparecen de forma dinámica pero están visibles cuando corre la revisión sí se incluyen.


Qué dice el reporte ​

Título: Landmark without accessible label when multiple of same type exist

Descripción: The landmark has no accessible name while other visible landmarks of the same type exist on the page

Resultado actual: Landmarks without an accessible name that cannot be told apart

Resultado esperado: All landmarks of the same type must have unique accessible names

Checkpoint WCAG: 1.3.1 - Info and Relationships

Tipo de issue: Screen Readers


Cómo verificarlo a mano ​

  1. Abre la página y activa un lector de pantalla (NVDA, JAWS o VoiceOver).
  2. Navega por regiones — la tecla D en NVDA, o el rotor de landmarks en VoiceOver.
  3. Cuenta cuántas regiones de cada tipo anuncia la página.
  4. Para cada tipo que aparezca más de una vez, comprueba si el lector de pantalla le da a cada una un nombre distinto o simplemente repite el tipo genérico.

Limitaciones conocidas ​

  • Nombrar una región no es lo mismo que nombrarla bien. Esta revisión solo pregunta si existe un nombre. Dos navegaciones llamadas "nav 1" y "nav 2" la satisfacen, aunque los nombres no le digan nada útil al usuario.
  • Los navegadores no siempre coinciden. La forma en que se expone una región puede variar entre navegadores, y los lectores de pantalla difieren en cómo las anuncian, así que una página puede comportarse algo distinto de lo que sugiere el reporte.
  • Las páginas que cambian después de cargar pueden necesitar una segunda revisión, porque las regiones añadidas más tarde no entraron en el conteo.

Revisión relacionada ​

Una vez que todas las regiones de un tipo tienen nombre, esos nombres además deben diferenciarse entre sí. Eso lo cubre por separado Unicidad del nombre de landmarks.


Referencia WCAG ​

Criterio de conformidad 1.3.1 Información y relaciones (Nivel A)