Diferencia entre revisiones de «Principio 2/2.4 Navegable/2.4.1-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.1 | |||
|id_wcag_subcriterio=2.4.1-A | |||
|wcag_titulo_criterio=2.4.1-A. Saltar bloques repetidos | |||
|wcag_nivel=A | |||
|wcag_version=2.2 | |||
|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=Estructura_y_saltos | |||
|wcag_subcriterio_url=Principio_2/2.4_Navegacion_clara/2.4.1-A | |||
|wcag_discapacidades= | |||
<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-grave">Barrera grave</span> | |||
</li> | |||
<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:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]] | ||
</ | <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</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-moderada">Barrera moderada</span> | |||
</li> | |||
<li class="discapacidad-item"> | |||
[[Archivo:Auditiva.png|20px|class=icon-discapacidad|alt=Discapacidad auditiva]] | |||
<span class="discapacidad-texto">[[:Categoría:Discapacidad auditiva|Auditiva]]</span> – | |||
<span class="gravedad gravedad-leve">Barrera leve</span> | |||
</li> | |||
|wcag_lista_discapacidades= | |||
[[Categoría:Discapacidad motriz]] | |||
[[Categoría:Discapacidad cognitiva]] | |||
[[Categoría:Discapacidad baja visión]] | |||
[[Categoría:Discapacidad visual total]] | |||
[[Categoría:Discapacidad auditiva]] | |||
|wcag_texto_criterioOAW= | |||
Se debe permitir saltar los bloques de contenido repetido en múltiples páginas web, bien agrupando el contenido repetido de forma que los productos de apoyo lo puedan saltar (por ejemplo, usando encabezados al comienzo de cada sección de contenido) o bien mediante la creación de enlaces de salto. | |||
|wcag_descripcion_resumida= | |||
Los usuarios deben poder saltar el contenido repetido (como menús o cabeceras) y acceder directamente al contenido principal mediante enlaces de salto o estructura semántica adecuada. | |||
|wcag_objetivo= | |||
Facilitar que los usuarios que navegan secuencialmente con teclado o lector de pantalla puedan ir directamente al contenido principal sin recorrer elementos repetidos. | |||
|wcag_importancia= | |||
Sin enlaces de salto o estructura adecuada, los usuarios deben recorrer repetidamente navegación y bloques fijos, lo que ralentiza la interacción y genera fatiga cognitiva y motriz. | |||
|wcag_referencias= | |||
<ul> | |||
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/bypass-blocks.html Understanding Success Criterion 2.4.1]</span></li> | |||
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#bypass-blocks WCAG Quick Reference – 2.4.1]</span></li> | |||
</ul> | |||
|wcag_recursos= | |||
<ul> | |||
<li>[https://webaim.org/techniques/skipnav/ WebAIM — Skip Navigation]</li> | |||
<li>[https://dequeuniversity.com/rules/axe/skip-link axe-core — Skip Link]</li> | |||
</ul> | |||
|wcag_tipo_evaluacion=Semiautomática | |||
|wcag_pasos_evaluacion= | |||
<ol class="paso-list"> | |||
<li>Identificar bloques repetidos (menú, header, sidebar).</li> | |||
<li>Comprobar si existe un enlace para saltar al contenido.</li> | |||
<li>Verificar que el enlace aparece al recibir foco (Tab).</li> | |||
<li>Confirmar que lleva al área principal (id="main" / <main>).</li> | |||
<li>Comprobar que funciona con teclado y lector de pantalla.</li> | |||
</ol> | |||
|wcag_resultado_evaluacion= | |||
Existe un mecanismo visible al foco para saltar bloques repetidos y funciona correctamente. | |||
|wcag_ejemplo_evaluacion= | |||
<div class="accessibility-card"> | |||
<strong>✅ Accesible</strong> | |||
<pre class="wcag-codigo-html"> | |||
<a href="#main" class="skip-link">Saltar al contenido principal</a> | |||
<nav> … </nav> | |||
<main id="main">Contenido principal…</main> | |||
</pre> | |||
</div> | |||
<div class="accessibility-card"> | |||
<strong>❌ No accesible</strong> | |||
<pre class="wcag-codigo-html"> | |||
<nav> … menú … </nav> | |||
<main>Contenido</main> | |||
</pre> | |||
</div> | |||
|wcag_otras_herramientas_evaluacion= | |||
<ul> | |||
<li>AXE, WAVE, Accessibility Insights</li> | |||
<li>Pruebas con NVDA, JAWS, VoiceOver</li> | |||
<li>Tab para comprobar aparición y funcionamiento del enlace</li> | |||
<li>Verificar uso de <main> y encabezados estructurales</li> | |||
</ul> | |||
}} | |||
Revisión del 11:42 5 nov 2025
2.4.1-A. Saltar bloques repetidos
- Nivel: A
- Versión: 2.2
- Principio: 2_Operable
- Pauta: 2.4_Navegacion_clara
- Grupo: Navegación
- Subgrupo: Estructura_y_saltos
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Motriz –
Barrera grave
-
Cognitiva –
Barrera grave
-
Baja visión –
Barrera moderada
-
Visual total –
Barrera moderada
-
Auditiva –
Barrera leve
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Se debe permitir saltar los bloques de contenido repetido en múltiples páginas web, bien agrupando el contenido repetido de forma que los productos de apoyo lo puedan saltar (por ejemplo, usando encabezados al comienzo de cada sección de contenido) o bien mediante la creación de enlaces de salto.
Comprensión del criterio
Descripción resumida
Los usuarios deben poder saltar el contenido repetido (como menús o cabeceras) y acceder directamente al contenido principal mediante enlaces de salto o estructura semántica adecuada.
Objetivo
Facilitar que los usuarios que navegan secuencialmente con teclado o lector de pantalla puedan ir directamente al contenido principal sin recorrer elementos repetidos.
Importancia de cumplir el criterio
Sin enlaces de salto o estructura adecuada, los usuarios deben recorrer repetidamente navegación y bloques fijos, lo que ralentiza la interacción y genera fatiga cognitiva y motriz.
Referencias WCAG
Recursos de apoyo
Evaluación del criterio
Tipo de evaluación
Evaluación Semiautomática
Procedimiento de evaluación
- Identificar bloques repetidos (menú, header, sidebar).
- Comprobar si existe un enlace para saltar al contenido.
- Verificar que el enlace aparece al recibir foco (Tab).
- Confirmar que lleva al área principal (id="main" / <main>).
- Comprobar que funciona con teclado y lector de pantalla.
Resultado esperado
Existe un mecanismo visible al foco para saltar bloques repetidos y funciona correctamente.
Ejemplo
✅ Accesible
<a href="#main" class="skip-link">Saltar al contenido principal</a> <nav> … </nav> <main id="main">Contenido principal…</main>
❌ No accesible
<nav> … menú … </nav> <main>Contenido</main>
Otras herramientas de evaluación
- AXE, WAVE, Accessibility Insights
- Pruebas con NVDA, JAWS, VoiceOver
- Tab para comprobar aparición y funcionamiento del enlace
- Verificar uso de <main> y encabezados estructurales
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 2.4.1-A. Saltar bloques repetidos
Loading comments...
