Principio 3/3.2 Predecible/3.2.3-A

3.2.3-A. Navegación coherente

3_Comprensible 3.2_Predecible

• Nivel: AA
• Versión: 2.0
• Principio: 3_Comprensible
• Pauta: 3.2_Predecible
• Grupo: Consistencia
• Subgrupo: Navegacion

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Cognitiva – Barrera moderada
• Baja visión – Barrera leve
• Visual total – Barrera grave

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Los enlaces y mecanismos de navegación que se repiten en un sitio web deben aparecer siempre en el mismo orden relativo.

Comprensión del criterio

Descripción resumida

Los menús, cabeceras, pies y otros elementos de navegación repetidos mantienen la misma posición y orden en todas las páginas del sitio.

Objetivo

Facilitar que las personas aprendan el patrón de navegación y localicen opciones de forma predecible y eficiente en todo el sitio.

Importancia de cumplir el criterio

La consistencia reduce la carga cognitiva, mejora la orientación y beneficia a usuarios con dificultades cognitivas, baja visión y a quienes usan lectores de pantalla.

Referencias WCAG

• G61: Presenting repeated components in the same relative order each time they appear
• F66: Failure due to presenting navigation links in a different relative order on different pages

Recursos de apoyo

Consejos

• Landmarks semánticos: <nav>, <header>, <aside>, <footer>

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Localizar los enlaces y mecanismos de navegación que se repiten en diferentes páginas del sitio web.
2. Paso 2. Verificar que siempre aparecen en el mismo orden relativo.

Resultado esperado

Los mecanismos de navegación repetidos conservan el mismo orden relativo y posición en todas las páginas del sitio.

Ejemplo

Navegación consistente, por ejemplo, siempre se encuentra en la parte superior de la págima.

<nav aria-label="Navegación principal">
  <ul>
    <li><a href="/">Inicio</a></li>
    <li><a href="/productos">Productos</a></li>
    <li><a href="/soporte">Soporte</a></li>
    <li><a href="/contacto">Contacto</a></li>
  </ul>
</nav>

Otras herramientas de evaluación

• Revisión estructural: comprobar que los menús, enlaces de navegación, cabeceras, pies de página y otros bloques repetidos mantienen el mismo orden relativo en todas las páginas del sitio.
• Comparación entre páginas: navegar por varias páginas y verificar que los elementos repetidos aparecen en la misma posición relativa (p. ej., menú principal siempre antes del buscador o del contenido).
• Inspección del DOM: revisar que los elementos de navegación están situados en el mismo orden dentro del código fuente para evitar cambios inesperados al navegar con teclado o lector de pantalla.
• Pruebas con teclado y lectores de pantalla: (NVDA, JAWS, VoiceOver) confirmar que la navegación secuencial y los atajos de encabezados/regiones ofrecen una experiencia consistente entre páginas.

Comentarios

A continuación se muestran comentarios sobre el criterio 3.2.3-A. Navegación coherente

Loading comments...