Principio 2/2.4 Navegable/2.4.5-A

De WCAG Wiki

2.4.5-A. Mapa del sitio o búsqueda en sitios grandes

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

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Verificar si el sitio es grande o con muchas secciones.
  2. Comprobar la existencia de una función de búsqueda interna accesible o un mapa del sitio estructurado.
  3. Probar navegación por teclado y lector de pantalla en buscador y/o mapa.
  4. 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...