Principio 3/3.2 Predecible/3.2.3-A

De WCAG Wiki

3.2.3-A. Navegación coherente

Discapacidades afectadas

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

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.

{{{wcag_lista_discapacidades}}}

Comprensión del criterio

Descripción resumida

Los elementos de navegación repetidos deben mantener su posición y orden en todo el sitio, como menús, cabeceras y barras laterales.

Objetivo

Garantizar que los usuarios puedan aprender y anticipar dónde encontrar los elementos de navegación, facilitando una experiencia coherente.

Importancia de cumplir el criterio

Minimiza la carga cognitiva y facilita la orientación para personas con dificultades cognitivas, baja visión y lectores de pantalla.

Referencias WCAG

Recursos de apoyo

  • Design systems y patrones de navegación consistente
  • Landmarks ARIA: <nav>, <header>, <aside>, <footer>

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Identificar elementos de navegación repetidos.
  2. Paso 2. Comprobar que mantienen orden y posición en varias páginas.
  3. Paso 3. Validar etiquetas coherentes (texto y ARIA).
  4. Paso 4. Verificar con teclado y lector de pantalla.

Resultado esperado

Los elementos de navegación repetidos conservan siempre el mismo orden relativo y posición a lo largo del sitio.

Ejemplo

✅ Navegación consistente

<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>

✅ Variaciones justificadas en navegación secundaria

<nav aria-label="Navegación principal">…</nav>
<nav aria-label="Submenú de sección actual">…</nav>

Otras herramientas de evaluación

  • Comparación visual de páginas
  • Revisión de DOM y landmarks
  • Navegación con teclado y lector de pantalla
  • Validación de consistencia en design system










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

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

Loading comments...