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

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-C. Tabla de contenidos''' ==
{{CriterioWCAG
|id_wcag_criterio=2.4.5
|id_wcag_subcriterio=2.4.5-C
|wcag_titulo_criterio=2.4.5-C. Tabla de contenidos en documentos extensos
|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-C


<!-- 
|wcag_discapacidades=
   Análisis interno:
<li class="discapacidad-item">
   Este criterio impacta principalmente a: Personas con discapacidad cognitiva y motriz 
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
   Problema grave: Sin tabla de contenidos en documentos extensos, los usuarios pueden perderse y no encontrar secciones importantes, generando barreras graves de orientación y navegación. 
   <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
-->
   <span class="gravedad gravedad-grave">Barrera grave</span>
<html>
</li>
<!-- criterio 2.4.5-C -->
<li class="discapacidad-item">
<article class="wcag-card">
  [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
   <section class="wcag-info">
  <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> –
    <ul>
   <span class="gravedad gravedad-moderada">Barrera moderada</span>
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
</li>
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
<li class="discapacidad-item">
      <li><span class="label">Principio:</span><span class="value">2. Operable</span></li>
  [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]]
      <li><span class="label">Pauta:</span><span class="value">2.4 Proporcionar ayuda para navegar y buscar contenido</span></li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> –
      <li><span class="label">Categoría:</span><span class="value">Navegación</span></li>
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
      <li><span class="label">Subcategoría:</span><span class="value">Tabla de contenidos</span></li>
</li>
    </ul>
 
  </section>
|wcag_lista_discapacidades=
  <section class="wcag-users">
[[Categoría:Discapacidad cognitiva]]
    <p>Usuarios más afectados</p>
[[Categoría:Discapacidad motriz]]
    <ul>
[[Categoría:Discapacidad baja visión]]
      <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>
 
      <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>
|wcag_texto_criterioOAW=
    </ul>
En los documentos extensos, se debe proporcionar una tabla de contenidos con enlaces que permitan navegar directamente a las diferentes secciones del documento.
  </section>
 
</article>
|wcag_descripcion_resumida=
</html>
Los documentos largos deben incluir una tabla de contenidos o índice con enlaces internos que permitan saltar directamente a cada sección, facilitando la navegación y evitando desplazamientos largos.
 
|wcag_objetivo=
Facilitar el acceso rápido y organizado a secciones específicas dentro de documentos extensos, reduciendo la carga cognitiva y mejorando la orientación en la lectura y navegación.
 
|wcag_importancia=
Sin una tabla de contenidos, los usuarios deben recorrer grandes cantidades de información para encontrar el contenido relevante. Esto puede generar desorientación, sobrecarga cognitiva y barreras para quienes dependen del teclado o lector de pantalla.
 
|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>Patrones accesibles de tabla de contenidos</li>
<li>Uso de encabezados semánticos y landmarks</li>
<li>Anclas internas y navegación por secciones</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Verificar que el documento es extenso (estructura compleja, varias secciones).</li>
<li><span class="paso-badge">Paso 2.</span> Comprobar que existe una tabla de contenidos o índice al inicio.</li>
<li><span class="paso-badge">Paso 3.</span> Confirmar que los enlaces llevan correctamente a las secciones correspondientes.</li>
<li><span class="paso-badge">Paso 4.</span> Revisar la estructura semántica (encabezados `<h1>`–`<h6>`, landmarks).</li>
<li><span class="paso-badge">Paso 5.</span> Evaluar con lector de pantalla para asegurar navegación clara entre secciones.</li>
</ol>
 
|wcag_resultado_evaluacion=
El documento ofrece una tabla de contenidos funcional que enlaza a todas las secciones principales, permitiendo navegación rápida y clara.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Ejemplo accesible: tabla de contenidos</strong>
<pre class="wcag-codigo-html">
<nav aria-label="Tabla de contenidos">
  <ul>
    <li><a href="#introduccion">Introducción</a></li>
    <li><a href="#capitulo1">Capítulo 1: Accesibilidad</a></li>
    <li><a href="#capitulo2">Capítulo 2: Diseño</a></li>
  </ul>
</nav>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Validación manual de anclas internas</li>
<li>Navegación por encabezados (H1-H6)</li>
<li>JAWS, NVDA y VoiceOver</li>
<li>Scroll y navegación por teclado</li>
</ul>
}}

Revisión del 11:55 5 nov 2025

2.4.5-C. Tabla de contenidos en documentos extensos

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 documentos extensos, se debe proporcionar una tabla de contenidos con enlaces que permitan navegar directamente a las diferentes secciones del documento.

Comprensión del criterio

Descripción resumida

Los documentos largos deben incluir una tabla de contenidos o índice con enlaces internos que permitan saltar directamente a cada sección, facilitando la navegación y evitando desplazamientos largos.

Objetivo

Facilitar el acceso rápido y organizado a secciones específicas dentro de documentos extensos, reduciendo la carga cognitiva y mejorando la orientación en la lectura y navegación.

Importancia de cumplir el criterio

Sin una tabla de contenidos, los usuarios deben recorrer grandes cantidades de información para encontrar el contenido relevante. Esto puede generar desorientación, sobrecarga cognitiva y barreras para quienes dependen del teclado o lector de pantalla.

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

  • Patrones accesibles de tabla de contenidos
  • Uso de encabezados semánticos y landmarks
  • Anclas internas y navegación por secciones

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Verificar que el documento es extenso (estructura compleja, varias secciones).
  2. Paso 2. Comprobar que existe una tabla de contenidos o índice al inicio.
  3. Paso 3. Confirmar que los enlaces llevan correctamente a las secciones correspondientes.
  4. Paso 4. Revisar la estructura semántica (encabezados `

    `–`

    `, landmarks).
  5. Paso 5. Evaluar con lector de pantalla para asegurar navegación clara entre secciones.

Resultado esperado

El documento ofrece una tabla de contenidos funcional que enlaza a todas las secciones principales, permitiendo navegación rápida y clara.

Ejemplo

✅ Ejemplo accesible: tabla de contenidos 

<nav aria-label="Tabla de contenidos">
  <ul>
    <li><a href="#introduccion">Introducción</a></li>
    <li><a href="#capitulo1">Capítulo 1: Accesibilidad</a></li>
    <li><a href="#capitulo2">Capítulo 2: Diseño</a></li>
  </ul>
</nav>

Otras herramientas de evaluación

  • Validación manual de anclas internas
  • Navegación por encabezados (H1-H6)
  • JAWS, NVDA y VoiceOver
  • Scroll y navegación por teclado










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.4.5-C. Tabla de contenidos en documentos extensos

Loading comments...




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