Principio 2/2.4 Navegable/2.4.5-C
De WCAG Wiki
< Principio 2 | 2.4 Navegable
2.4.5-C. Tabla de contenidos en documentos extensos
- Nivel: AA
- Versión: 2.0
- Principio: 2_Operable
- Pauta: 2.4_Navegacion_clara
- Grupo: Navegación
- Subgrupo: Localización_de_contenido
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Cognitiva –
Barrera grave
-
Motriz –
Barrera moderada
-
Baja visión –
Barrera moderada
Enunciado del criterio (Observatorio de Accesibilidad Web)
- En los documentos extensos, se debe proporcionar una tabla de contenidos con enlaces que permitan navegar directamente a las diferentes secciones del documento.
Comprensión del criterio
Descripción resumida
Los documentos largos deben incluir una tabla de contenidos o índice con enlaces internos que permitan saltar directamente a cada sección, facilitando la navegación y evitando desplazamientos largos.
Objetivo
Facilitar el acceso rápido y organizado a secciones específicas dentro de documentos extensos, reduciendo la carga cognitiva y mejorando la orientación en la lectura y navegación.
Importancia de cumplir el criterio
Sin una tabla de contenidos, los usuarios deben recorrer grandes cantidades de información para encontrar el contenido relevante. Esto puede generar desorientación, sobrecarga cognitiva y barreras para quienes dependen del teclado o lector de pantalla.
Referencias WCAG
- W3C WCAG 2.2 – Success Criterion 2.4.5 Multiple Ways
- Understanding 2.4.5: Multiple Ways (W3C)
- Guía Técnica WCAG — Principio Operable (documento aportado)
Recursos de apoyo
- Patrones accesibles de tabla de contenidos
- Uso de encabezados semánticos y landmarks
- Anclas internas y navegación por secciones
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Verificar que el documento es extenso (estructura compleja, varias secciones).
- Paso 2. Comprobar que existe una tabla de contenidos o índice al inicio.
- Paso 3. Confirmar que los enlaces llevan correctamente a las secciones correspondientes.
- Paso 4. Revisar la estructura semántica (encabezados `
`, landmarks).
- Paso 5. Evaluar con lector de pantalla para asegurar navegación clara entre secciones.
Resultado esperado
El documento ofrece una tabla de contenidos funcional que enlaza a todas las secciones principales, permitiendo navegación rápida y clara.
Ejemplo
✅ Ejemplo accesible: tabla de contenidos
<nav aria-label="Tabla de contenidos">
<ul>
<li><a href="#introduccion">Introducción</a></li>
<li><a href="#capitulo1">Capítulo 1: Accesibilidad</a></li>
<li><a href="#capitulo2">Capítulo 2: Diseño</a></li>
</ul>
</nav>
Otras herramientas de evaluación
- Validación manual de anclas internas
- Navegación por encabezados (H1-H6)
- JAWS, NVDA y VoiceOver
- Scroll y navegación por teclado
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 2.4.5-C. Tabla de contenidos en documentos extensos
Loading comments...
