Principio 2/2.4 Navegable/2.4.5-A
De WCAG Wiki
< Principio 2 | 2.4 Navegable
2.4.5-A. Mapa del sitio o búsqueda en sitios grandes
- 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.
Enunciado del criterio (Observatorio de Accesibilidad Web)
- En los sitios web grandes, donde no se puede acceder directamente a todas las páginas desde el menú de navegación, se debe proporcionar un mapa del sitio o una función de búsqueda dentro del sitio web.
Comprensión del criterio
Descripción resumida
Los sitios extensos deben ofrecer alternativas como un buscador interno o un mapa del sitio en HTML para facilitar encontrar contenido cuando la navegación es compleja o extensa.
Objetivo
Asegurar que las personas usuarias dispongan de diferentes métodos para localizar contenido y orientarse en sitios grandes, especialmente cuando la navegación tradicional no es suficiente.
Importancia de cumplir el criterio
Sin un buscador o mapa del sitio, las personas usuarias pueden perderse fácilmente o invertir más esfuerzo cognitivo, afectando especialmente a quienes tienen dificultades para procesar o explorar múltiples opciones de navegación.
Referencias WCAG
Recursos de apoyo
- https://webaim.org/techniques/navigation/
- Sitemaps XML y HTML
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Verificar si el sitio es grande o con muchas secciones.
- Comprobar la existencia de una función de búsqueda interna accesible o un mapa del sitio estructurado.
- Probar navegación por teclado y lector de pantalla en buscador y/o mapa.
- Evaluar que el mapa del sitio sea claro, estructurado y funcional.
Resultado esperado
El sitio incluye al menos un método adicional para localizar contenido (buscador accesible o mapa del sitio) y funciona correctamente.
Ejemplo
✅ Buscador interno accesible
<form role="search" aria-label="Buscar en el sitio"> <label for="buscar">Buscar:</label> <input id="buscar" name="q" type="search" placeholder="Buscar contenido..."> <button type="submit">Buscar</button> </form>
✅ Mapa del sitio en HTML
<nav aria-label="Mapa del sitio">
<ul>
<li><a href="/cursos">Cursos</a></li>
<li><a href="/investigacion">Investigación</a></li>
<li><a href="/contacto">Contacto</a></li>
</ul>
</nav>
❌ Sitio grande sin alternativas
<nav>…menú principal largo…</nav> <!-- No hay buscador ni mapa -->
Otras herramientas de evaluación
- Pruebas con teclado
- JAWS, NVDA y VoiceOver
- Revisión manual del sitemap
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 2.4.5-A. Mapa del sitio o búsqueda en sitios grandes
Loading comments...
