Diferencia entre revisiones de «Principio 2/2.4 Navegable/2.4.5-A»
De WCAG Wiki
< Principio 2 | 2.4 Navegable
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
== | {{CriterioWCAG | ||
|id_wcag_criterio=2.4.5 | |||
|id_wcag_subcriterio=2.4.5-A | |||
|wcag_titulo_criterio=2.4.5-A. Mapa del sitio o búsqueda en sitios grandes | |||
|wcag_nivel=AA | |||
|wcag_version=2.0 | |||
|wcag_principio=2_Operable | |||
|wcag_principio_url=Principio_2 | |||
< | |wcag_pauta=2.4_Navegacion_clara | ||
|wcag_pauta_url=Principio_2/2.4_Navegacion_clara | |||
|wcag_grupo=Navegación | |||
|wcag_subgrupo=Localización_de_contenido | |||
|wcag_subcriterio_url=Principio_2/2.4_Navegacion_clara/2.4.5-A | |||
|wcag_discapacidades= | |||
<li class="discapacidad-item"> | |||
[[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]] | |||
<span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> – | |||
<span class="gravedad gravedad-grave">Barrera grave</span> | |||
</li> | |||
<li class="discapacidad-item"> | |||
[[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]] | |||
<span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> – | |||
<span class="gravedad gravedad-moderada">Barrera moderada</span> | |||
</li> | |||
</ | |||
</ | |wcag_lista_discapacidades= | ||
[[Categoría:Discapacidad cognitiva]] | |||
[[Categoría:Discapacidad motriz]] | |||
|wcag_texto_criterioOAW= | |||
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. | |||
|wcag_descripcion_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. | |||
|wcag_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. | |||
|wcag_importancia= | |||
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. | |||
|wcag_referencias= | |||
<ul> | |||
<li><span lang="en">https://www.w3.org/WAI/WCAG22/Understanding/multiple-ways.html</span></li> | |||
<li><span lang="en">https://www.w3.org/WAI/WCAG22/quickref/#multiple-ways</span></li> | |||
</ul> | |||
|wcag_recursos= | |||
<ul> | |||
<li>https://webaim.org/techniques/navigation/</li> | |||
<li>Sitemaps XML y HTML</li> | |||
</ul> | |||
|wcag_tipo_evaluacion=Manual | |||
|wcag_pasos_evaluacion= | |||
<ol class="paso-list"> | |||
<li>Verificar si el sitio es grande o con muchas secciones.</li> | |||
<li>Comprobar la existencia de una función de búsqueda interna accesible o un mapa del sitio estructurado.</li> | |||
<li>Probar navegación por teclado y lector de pantalla en buscador y/o mapa.</li> | |||
<li>Evaluar que el mapa del sitio sea claro, estructurado y funcional.</li> | |||
</ol> | |||
|wcag_resultado_evaluacion= | |||
El sitio incluye al menos un método adicional para localizar contenido (buscador accesible o mapa del sitio) y funciona correctamente. | |||
|wcag_ejemplo_evaluacion= | |||
<div class="accessibility-card"> | |||
<strong>✅ Buscador interno accesible</strong> | |||
<pre class="wcag-codigo-html"> | |||
<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> | |||
</pre> | |||
</div> | |||
<div class="accessibility-card"> | |||
<strong>✅ Mapa del sitio en HTML</strong> | |||
<pre class="wcag-codigo-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> | |||
</pre> | |||
</div> | |||
<div class="accessibility-card-error"> | |||
<strong>❌ Sitio grande sin alternativas</strong> | |||
<pre class="wcag-codigo-html"> | |||
<nav>…menú principal largo…</nav> | |||
<!-- No hay buscador ni mapa --> | |||
</pre> | |||
</div> | |||
|wcag_otras_herramientas_evaluacion= | |||
<ul> | |||
<li>Pruebas con teclado</li> | |||
<li>JAWS, NVDA y VoiceOver</li> | |||
<li>Revisión manual del sitemap</li> | |||
</ul> | |||
}} | |||
Revisión del 11:53 5 nov 2025
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...
