Diferencia entre revisiones de «Principio 2/2.4 Navegable/2.4.5-A»

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestra una edición intermedia del mismo usuario)
Línea 7: Línea 7:
|wcag_principio=2_Operable
|wcag_principio=2_Operable
|wcag_principio_url=Principio_2
|wcag_principio_url=Principio_2
|wcag_pauta=2.4_Navegacion_clara
|wcag_pauta=2.4_Navegable
|wcag_pauta_url=Principio_2/2.4_Navegacion_clara
|wcag_pauta_url=Principio_2/2.4_Navegable
|wcag_grupo=Navegación
|wcag_grupo=Navegación
|wcag_subgrupo=Localización_de_contenido
|wcag_subgrupo=Localización_de_contenido
Línea 25: Línea 25:
   <span class="gravedad gravedad-moderada">Barrera moderada</span>
   <span class="gravedad gravedad-moderada">Barrera moderada</span>
</li>
</li>
<li class="discapacidad-item">
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:sordoceguera.png|20px|class=icon-discapacidad|alt=Discapacidad sordoceguera]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad sordoceguera|Sordoceguera]]</span>
  –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>


|wcag_lista_discapacidades=
|wcag_lista_discapacidades=
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad sordoceguera]]


|wcag_texto_criterioOAW=
|wcag_texto_criterioOAW=
Línea 34: Línea 50:


|wcag_descripcion_resumida=
|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.
Los sitios extensos (que tienen una gran cantidad de páginas) 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=
|wcag_objetivo=
Línea 40: Línea 56:


|wcag_importancia=
|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.
Sin un buscador o mapa del sitio, los usuarios 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=
|wcag_referencias=
<ul>
<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/WCAG21/Techniques/general/G63 G63: Providing a site map]</span></li>
<li><span lang="en">https://www.w3.org/WAI/WCAG22/quickref/#multiple-ways</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G161 G161: Providing a search function to help users find content]</span></li>
</ul>
</ul>


|wcag_recursos=
 
<ul>
|wcag_recursos= No hay
<li>https://webaim.org/techniques/navigation/</li>
<li>Sitemaps XML y HTML</li>
</ul>


|wcag_tipo_evaluacion=Manual
|wcag_tipo_evaluacion=Manual
Línea 58: Línea 71:
|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<ol class="paso-list">
<li>Verificar si el sitio es grande o con muchas secciones.</li>
<li><span class="paso-badge">Paso 1.</span>
<li>Comprobar la existencia de una función de búsqueda interna accesible o un mapa del sitio estructurado.</li>
Verificar que existe un mapa del sitio o una función de búsqueda dentro del sitio web.
<li>Probar navegación por teclado y lector de pantalla en buscador y/o mapa.</li>
</li>
<li>Evaluar que el mapa del sitio sea claro, estructurado y funcional.</li>
</ol>
</ol>


Línea 69: Línea 81:
|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<div class="accessibility-card">
<strong>✅ Buscador interno accesible</strong>
El ejemplo seria un sitio web grande (con más de 10-20 páginas) con buscador y con mapa web.
<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>


<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=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>Pruebas con teclado</li>
<li>'''Revisión de navegación''': comprobar que, en sitios grandes, existe más de una forma de localizar páginas (p. ej., menú principal, buscador interno, mapa del sitio, rutas de migas de pan, índice A-Z).</li>
<li>JAWS, NVDA y VoiceOver</li>
<li>'''Inspección funcional''': verificar que el buscador interno o el mapa del sitio son visibles, operables y llevan a contenido relevante.</li>
<li>Revisión manual del sitemap</li>
<li>'''Comprobación del menú y jerarquía''': revisar que el menú no es la única vía para acceder a contenido profundo cuando es extenso o jerárquico.</li>
<li>'''Lectores de pantalla''': (NVDA, JAWS, VoiceOver) confirmar que las distintas vías son accesibles y están correctamente etiquetadas (regiones, roles, encabezados).</li>
</ul>
</ul>


}}
}}

Revisión actual - 12:44 6 nov 2025

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 (que tienen una gran cantidad de páginas) 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, los usuarios 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

No hay

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Verificar que existe un mapa del sitio o una función de búsqueda dentro del sitio web.

Resultado esperado

El sitio incluye al menos un método adicional para localizar contenido (buscador accesible o mapa del sitio) y funciona correctamente.

Ejemplo

El ejemplo seria un sitio web grande (con más de 10-20 páginas) con buscador y con mapa web.

Otras herramientas de evaluación

  • Revisión de navegación: comprobar que, en sitios grandes, existe más de una forma de localizar páginas (p. ej., menú principal, buscador interno, mapa del sitio, rutas de migas de pan, índice A-Z).
  • Inspección funcional: verificar que el buscador interno o el mapa del sitio son visibles, operables y llevan a contenido relevante.
  • Comprobación del menú y jerarquía: revisar que el menú no es la única vía para acceder a contenido profundo cuando es extenso o jerárquico.
  • Lectores de pantalla: (NVDA, JAWS, VoiceOver) confirmar que las distintas vías son accesibles y están correctamente etiquetadas (regiones, roles, encabezados).










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...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_2/2.4_Navegable/2.4.5-A&oldid=3729»