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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''2.4.5-B. Acceso directo en sitios pequeños''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=2.4.5
  Análisis interno:
|id_wcag_subcriterio=2.4.5-B
  Este criterio impacta principalmente a: Personas con discapacidad cognitiva y motriz 
|wcag_titulo_criterio=2.4.5-B. Acceso directo en sitios pequeños
  Problema grave: Sin enlaces directos a todas las páginas en sitios pequeños, los usuarios pueden perderse o tardar demasiado en localizar contenido, generando barreras graves de navegación y eficiencia.
|wcag_nivel=AA
-->
|wcag_version=2.0
<html>
|wcag_principio=2_Operable
<!-- criterio 2.4.5-B -->
|wcag_principio_url=Principio_2
<article class="wcag-card">
|wcag_pauta=2.4_Navegacion_clara
   <section class="wcag-info">
|wcag_pauta_url=Principio_2/2.4_Navegacion_clara
    <ul>
|wcag_grupo=Navegación
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
|wcag_subgrupo=Localización_de_contenido
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
|wcag_subcriterio_url=Principio_2/2.4_Navegacion_clara/2.4.5-B
      <li><span class="label">Principio:</span><span class="value">2. Operable</span></li>
 
      <li><span class="label">Pauta:</span><span class="value">2.4 Proporcionar ayuda para navegar y buscar contenido</span></li>
|wcag_discapacidades=
      <li><span class="label">Categoría:</span><span class="value">Navegación</span></li>
<li class="discapacidad-item">
      <li><span class="label">Subcategoría:</span><span class="value">Acceso directo</span></li>
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
    </ul>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
  </section>
  <span class="gravedad gravedad-grave">Barrera grave</span>
  <section class="wcag-users">
</li>
    <p>Usuarios más afectados</p>
<li class="discapacidad-item">
    <ul>
  [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera grave</span></li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> –
      <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera moderada</span></li>
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
    </ul>
</li>
  </section>
<li class="discapacidad-item">
</article>
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
</html>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad visual total]]
 
|wcag_texto_criterioOAW=
En los sitios web pequeños donde no exista un mapa del sitio o una función de búsqueda, se debe poder acceder directamente a todas las páginas del sitio web desde el menú de navegación o desde un listado de enlaces accesible.
 
|wcag_descripcion_resumida=
En sitios pequeños, la navegación debe permitir acceder a todas las páginas sin necesidad de buscador o mapa del sitio. El menú principal o un listado accesible debe ofrecer acceso directo a todas las secciones.
 
|wcag_objetivo=
Garantizar que los usuarios puedan localizar cualquier página de forma rápida y clara en sitios pequeños, sin depender de múltiples niveles de navegación o herramientas adicionales.
 
|wcag_importancia=
Cuando no existe buscador ni mapa del sitio, el acceso directo desde el menú es esencial para evitar pérdida de orientación, especialmente para usuarios con discapacidades cognitivas, visuales o que navegan solo con teclado.
 
|wcag_referencias=
<ul>
<li><span lang="en">W3C WCAG 2.2 – Success Criterion 2.4.5 Multiple Ways</span></li>
<li><span lang="en">Understanding 2.4.5: Multiple Ways (W3C)</span></li>
<li>Guía Técnica WCAG – Principio Operable (documento aportado)</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Buenas prácticas en menús accesibles</li>
<li>Patrones WAI-ARIA para navegación</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Determinar si el sitio es pequeño (estructura sencilla, pocas páginas).</li>
<li><span class="paso-badge">Paso 2.</span> Comprobar que todas las páginas son accesibles desde el menú o un listado visible.</li>
<li><span class="paso-badge">Paso 3.</span> Verificar que los enlaces del menú son navegables por teclado y correctamente etiquetados.</li>
<li><span class="paso-badge">Paso 4.</span> Probar lectura y recorrido con lector de pantalla para confirmar claridad y coherencia.</li>
</ol>
 
|wcag_resultado_evaluacion=
El sitio pequeño permite acceder a todas sus páginas desde el menú o un listado visible y accesible, sin necesidad de buscador ni mapa del sitio.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Ejemplo accesible</strong>
<pre class="wcag-codigo-html">
<nav aria-label="Menú principal">
  <ul>
    <li><a href="/">Inicio</a></li>
    <li><a href="/quienes-somos">Quiénes somos</a></li>
    <li><a href="/servicios">Servicios</a></li>
    <li><a href="/contacto">Contacto</a></li>
  </ul>
</nav>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Navegación por teclado</li>
<li>JAWS, NVDA, VoiceOver</li>
<li>Inspección semántica de navegación (&lt;nav&gt;, roles ARIA)</li>
</ul>
}}

Revisión del 11:54 5 nov 2025

2.4.5-B. Acceso directo en sitios pequeños

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 pequeños donde no exista un mapa del sitio o una función de búsqueda, se debe poder acceder directamente a todas las páginas del sitio web desde el menú de navegación o desde un listado de enlaces accesible.

Comprensión del criterio

Descripción resumida

En sitios pequeños, la navegación debe permitir acceder a todas las páginas sin necesidad de buscador o mapa del sitio. El menú principal o un listado accesible debe ofrecer acceso directo a todas las secciones.

Objetivo

Garantizar que los usuarios puedan localizar cualquier página de forma rápida y clara en sitios pequeños, sin depender de múltiples niveles de navegación o herramientas adicionales.

Importancia de cumplir el criterio

Cuando no existe buscador ni mapa del sitio, el acceso directo desde el menú es esencial para evitar pérdida de orientación, especialmente para usuarios con discapacidades cognitivas, visuales o que navegan solo con teclado.

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

  • Buenas prácticas en menús accesibles
  • Patrones WAI-ARIA para navegación

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Determinar si el sitio es pequeño (estructura sencilla, pocas páginas).
  2. Paso 2. Comprobar que todas las páginas son accesibles desde el menú o un listado visible.
  3. Paso 3. Verificar que los enlaces del menú son navegables por teclado y correctamente etiquetados.
  4. Paso 4. Probar lectura y recorrido con lector de pantalla para confirmar claridad y coherencia.

Resultado esperado

El sitio pequeño permite acceder a todas sus páginas desde el menú o un listado visible y accesible, sin necesidad de buscador ni mapa del sitio.

Ejemplo

✅ Ejemplo accesible 

<nav aria-label="Menú principal">
  <ul>
    <li><a href="/">Inicio</a></li>
    <li><a href="/quienes-somos">Quiénes somos</a></li>
    <li><a href="/servicios">Servicios</a></li>
    <li><a href="/contacto">Contacto</a></li>
  </ul>
</nav>

Otras herramientas de evaluación

  • Navegación por teclado
  • JAWS, NVDA, VoiceOver
  • Inspección semántica de navegación (<nav>, roles ARIA)










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.4.5-B. Acceso directo en sitios pequeños

Loading comments...




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