Principio 3/3.2 Predecible/3.2.3-A
De WCAG Wiki
- 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.
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
- Paso 1. Identificar elementos de navegación repetidos.
- Paso 2. Comprobar que mantienen orden y posición en varias páginas.
- Paso 3. Validar etiquetas coherentes (texto y ARIA).
- 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...
