Fallo común WCAG 2.2

F66Menús que cambian el orden de sus enlaces de una página a otra

Nombre oficial en el W3C: Fallo del criterio de conformidad 3.2.3 debido a presentar los enlaces de navegación en un orden relativo distinto en páginas diferentes

En pocas palabras

Este fallo ocurre cuando un menú que aparece en varias páginas de un sitio muestra sus enlaces en un orden distinto según la página. Por ejemplo, «Trámites» va segundo en la portada y cuarto en la sección de noticias. Los menús repetidos deben mantener siempre el mismo orden.

Por qué es importante

Las personas aprenden dónde está cada cosa y lo buscan siempre en el mismo sitio. Si el orden cambia, tienen que volver a leer todo el menú.

Quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) recuerda la secuencia de enlaces que oye.
Quien usa un ampliador solo ve una parte del menú y se guía por la posición.
Las personas con dificultades cognitivas o de memoria se desorientan con facilidad.

Cómo evitarlo

Genere el menú desde una única plantilla o componente para todo el sitio.
No reordene los enlaces según la sección, la popularidad o la página activa.
Marque la página actual con un estilo y con aria-current="page", sin moverla de su sitio.
Puede añadir subapartados en algunas páginas, siempre que los enlaces comunes conserven su orden.
Revise que los menús del pie y de la versión móvil también mantengan el orden en todas las páginas.

Cómo comprobarlo

Identifique los menús y bloques de navegación que se repiten en varias páginas.
Abra varias páginas de secciones distintas y anote el orden de sus enlaces.
Compare las listas. Puede haber enlaces extra intercalados, pero los comunes deben seguir el mismo orden.
Si algún enlace común cambia de posición respecto a los demás, hay fallo.

Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica F66 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Se aplica a todas las tecnologías

Descripción

Este documento describe una condición de fallo para todas las técnicas que implican mecanismos de navegación que se repiten en varias páginas web dentro de un conjunto de páginas web (criterio de conformidad 3.2.3). Si el mecanismo presenta los enlaces en un orden distinto en dos o más páginas, se produce el fallo.

Ejemplos

Navegación que presenta una serie de enlaces en un orden relativo distinto en dos páginas diferentes

Ejemplos de un mecanismo de navegación que presenta los enlaces en un orden distinto.

Navegación de la página 1

<nav>
  <ul>
    <li><a href="brazil.html">Brazil</a></li>
    <li><a href="canada.html">Canada</a></li>
    <li><a href="germany.html">Germany</a></li>
    <li><a href="poland.html">Poland</a></li>
  </ul>
</nav>

Navegación de la página 2

<nav>
  <ul>
     <li><a href="canada.html">Canada</a></li>
     <li><a href="brazil.html">Brazil</a></li>
     <li><a href="germany.html">Germany</a></li>
     <li><a href="poland.html">Poland</a></li>
  </ul>
</nav>

Pruebas

Procedimiento

Comprobar si se está usando un mecanismo de navegación en más de una página web.
Comprobar la presentación por defecto del mecanismo de navegación en cada página para ver si la lista de enlaces está en el mismo orden relativo en todas las páginas web.

«Mismo orden relativo» significa que en algunas páginas puede haber elementos de navegación secundarios intercalados entre los enlaces. Su presencia no afecta al resultado de esta prueba.

Resultados esperados

Si la comprobación n.º 1 es verdadera y la n.º 2 es falsa, se da esta condición de fallo y el contenido falla el criterio de conformidad.

Cómo lo comprobamos en ADDAW

Este error es uno de los que buscamos en cada auditoría de ADDAW. Se lo entregamos con capturas y la forma de corregirlo.

Solicitar una auditoría

Basado en la técnica F66 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.