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

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 28: Línea 28:
   <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
   <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
   <span class="gravedad gravedad-moderada">Barrera moderada</span>
   <span class="gravedad gravedad-moderada">Barrera moderada</span>
</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>
</li>


|wcag_lista_discapacidades=
|wcag_lista_discapacidades=
Línea 34: Línea 46:
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad sordo ceguera]]


|wcag_texto_criterioOAW=
|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.
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 al resto de páginas del sitio web.
 


|wcag_descripcion_resumida=
|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.
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=
|wcag_objetivo=
Línea 49: Línea 66:
|wcag_referencias=
|wcag_referencias=
<ul>
<ul>
<li><span lang="en">W3C WCAG 2.2 – Success Criterion 2.4.5 Multiple Ways</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G126 G126: Providing a list of links to all other Web pages]</span></li>
<li><span lang="en">Understanding 2.4.5: Multiple Ways (W3C)</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G185 G185: Linking to all of the pages on the site from the home page]</span></li>
<li>Guía Técnica WCAG – Principio Operable (documento aportado)</li>
</ul>
</ul>


|wcag_recursos=
 
<ul>
|wcag_recursos= No hay
<li>Buenas prácticas en menús accesibles</li>
<li>Patrones WAI-ARIA para navegación</li>
</ul>


|wcag_tipo_evaluacion=Manual
|wcag_tipo_evaluacion=Manual
Línea 64: Línea 77:
|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<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 1.</span>
<li><span class="paso-badge">Paso 2.</span> Comprobar que todas las páginas son accesibles desde el menú o un listado visible.</li>
Verificar que se cumple alguna de las siguientes condiciones:
<li><span class="paso-badge">Paso 3.</span> Verificar que los enlaces del menú son navegables por teclado y correctamente etiquetados.</li>
<ul>
<li><span class="paso-badge">Paso 4.</span> Probar lectura y recorrido con lector de pantalla para confirmar claridad y coherencia.</li>
<li>a. En cada página se proporciona un listado de enlaces al resto de páginas del sitio web (todas).</li>
<li>b. En la página de inicio se proporciona un listado de enlaces a todas las páginas del sitio web y, en el resto de páginas, existe un enlace a la página de inicio.</li>
</ul>
</li>
</ol>
</ol>


|wcag_resultado_evaluacion=
|wcag_resultado_evaluacion=
Línea 75: Línea 92:
|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<div class="accessibility-card">
<strong>✅ Ejemplo accesible</strong>
El sitio web solo tiene 4 páginas y el menú contiene un acceso directo a todas ellas.
<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
<nav aria-label="Menú principal">
<nav aria-label="Menú principal">
Línea 90: Línea 107:
|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>Navegación por teclado</li>
<li>'''Revisión de la navegación''': comprobar que el menú o listado de enlaces ofrece acceso directo a todas las páginas del sitio cuando este es pequeño y no cuenta con buscador interno ni mapa del sitio.</li>
<li>JAWS, NVDA, VoiceOver</li>
<li>'''Inspección del contenido''': verificar que no existen páginas “huérfanas” (sin enlaces desde el menú o listado principal) y que el usuario no necesita rutas indirectas para llegar a ninguna sección.</li>
<li>Inspección semántica de navegación (&lt;nav&gt;, roles ARIA)</li>
<li>'''Prueba de navegación con teclado''': recorrer todos los enlaces mediante <kbd>Tab</kbd> y comprobar que la estructura es clara y que todas las páginas son alcanzables.</li>
<li>'''Revisión con lector de pantalla''': (NVDA, JAWS, VoiceOver) confirmar que el menú o listado de enlaces se anuncia correctamente y permite acceder a cada página sin depender de ubicación visual.</li>
</ul>
</ul>
}}
}}

Revisión actual - 12:44 6 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 al resto de páginas del sitio web.

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

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 se cumple alguna de las siguientes condiciones:
    • a. En cada página se proporciona un listado de enlaces al resto de páginas del sitio web (todas).
    • b. En la página de inicio se proporciona un listado de enlaces a todas las páginas del sitio web y, en el resto de páginas, existe un enlace a la página de inicio.

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

El sitio web solo tiene 4 páginas y el menú contiene un acceso directo a todas ellas. 

<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

  • Revisión de la navegación: comprobar que el menú o listado de enlaces ofrece acceso directo a todas las páginas del sitio cuando este es pequeño y no cuenta con buscador interno ni mapa del sitio.
  • Inspección del contenido: verificar que no existen páginas “huérfanas” (sin enlaces desde el menú o listado principal) y que el usuario no necesita rutas indirectas para llegar a ninguna sección.
  • Prueba de navegación con teclado: recorrer todos los enlaces mediante Tab y comprobar que la estructura es clara y que todas las páginas son alcanzables.
  • Revisión con lector de pantalla: (NVDA, JAWS, VoiceOver) confirmar que el menú o listado de enlaces se anuncia correctamente y permite acceder a cada página sin depender de ubicación visual.










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=3730»