landmark-unique

Las regiones de referencia con el mismo rol deben tener nombres únicos

manualconfianza: mediumgravedad: minoroperable

Comprueba que, cuando dos o más regiones de referencia comparten el mismo rol, cada una tenga un nombre accesible distinto.

Ámbito de aplicación. Se aplica siempre que dos o más regiones de referencia de la página compartan el mismo rol de región de referencia (banner, contentinfo, main, navigation, complementary, region, form o search; consulta las notas de implementación para el modelo de detección).

Resultado esperado. Entre las regiones de referencia que comparten un rol, cada una tiene un nombre accesible distinto (mediante aria-label/aria-labelledby; las regiones de referencia no se nombran a partir del contenido). Dos regiones de referencia del mismo rol con el mismo nombre (incluidas dos que se dejan sin nombrar) son indistinguibles para los usuarios de tecnología de asistencia que navegan por regiones de referencia.

Ejemplos

can't tell
<nav aria-label="Site">First</nav>
<nav aria-label="Site">Second</nav>

Dos regiones de referencia de navegación comparten el mismo nombre accesible, por lo que un usuario de lector de pantalla no puede distinguirlas en la lista de regiones de referencia.

n/a
<nav aria-label="Primary">Primary nav</nav>
<nav aria-label="Footer">Footer nav</nav>

Cada región de referencia de navegación tiene un nombre accesible distinto.

Ver código fuente