Normativas · WCAG 2.2

SC 3.2.3 Nivel AA WCAG 2.0

Navegación coherente

Los mecanismos de navegación repetidos en varias páginas — navegación principal, pie de página, migas de pan, búsqueda — deben aparecer en el mismo orden relativo en cada página donde estén presentes. Los usuarios que se guían por la memoria muscular no deben tener que redescubrir el diseño cada vez.

Qué exige este criterio

Cuando el mismo mecanismo de navegación aparece en varias páginas de un sitio, debe estar en el mismo orden relativo en cada una. Lo que importa no es tanto la posición visual como el orden en el código fuente — si «Inicio, Productos, Precios, Contacto» es el orden en una página, debe ser el orden en todas las demás páginas donde aparezca esa navegación.

Se permite al usuario modificar el orden (por ejemplo, reorganizando un panel de control personalizable), y la regla se aplica a la navegación que el propio sitio proporciona.

Cómo cumplirlo

  • Construir la navegación principal a partir de un único componente o plantilla — nunca codificar la navegación de forma manual en cada página.
  • Mantener el mismo orden en el pie de página en todo el sitio.
  • Mantener las migas de pan en la misma posición (típicamente justo debajo de la cabecera) en todas las páginas que las incluyan.
  • Para los campos de búsqueda, conservar la misma ubicación en la cabecera o en la barra lateral.
  • En los flujos de varios pasos, mantener los indicadores de paso en la misma posición a lo largo de todo el flujo.

Fallos habituales

  • Una navegación principal reorganizada en las páginas de marketing respecto a las páginas de la aplicación, porque dos equipos distintos gestionan las plantillas.
  • Las migas de pan que aparecen encima del H1 en algunas páginas y debajo en otras.
  • Un enlace «Ayuda» en la cabecera en la mayoría de las páginas y en el pie de página en la página de pago.
  • Un campo de búsqueda en la parte superior derecha en la mayoría de las páginas y en la barra lateral en el blog.

Por qué es importante

Los usuarios de lectores de pantalla construyen rápidamente un mapa mental de la estructura de un sitio. Los usuarios de teclado videntes tabular por los puntos de referencia. Los usuarios con discapacidades cognitivas dependen de la posición coherente para orientarse. Cuando la navegación se reorganiza entre páginas, todos los usuarios deben volver a aprenderla — pero los usuarios de tecnología de apoyo pagan el mayor coste, ya que no pueden examinar visualmente toda la página de un vistazo para detectar el nuevo diseño.

Este es uno de los criterios de conformidad más fáciles de cumplir si el sitio se construye a partir de un sistema de plantillas compartido, y uno de los más costosos de corregir si se cuenta con años de plantillas heredadas.