2526UdL2.4.1-A-003

De WCAG Wiki
Revisión del 21:44 17 feb 2026 de 202526UdL42 (discusión | contribs.) (Shein does not provide a visible skip link, forcing keyboard and screen reader users to tab through repeated menus on every page. Starbucks includes a “Skip to main content” link that appears when using the keyboard, allowing users to jump directly to the main content.)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)

Edición de la página como formulario

1. Información básica

Id del criterio: 2.4.1 - Saltar bloques (Nivel: A)
Título del subcriterio: 2.4.1-A
Universidad participante: UdL
Curso académico: 2025-26

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_2/2.4_Navegable/2.4.1-A



2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://es.shein.com/?cdn_rsite=cf&ref=www&rep=dir&ret=es

2.1.2. Código HTML:

<thead><th scope="col" id="c_A2"...



Explicación del problema detectado:
The page contains repeated navigation blocks at the top of every page but: There is no skip link to bypass navigation. Keyboard users must tab through all menu items before reaching the main content. This violates WCAG 2.4.1 (Bypass Blocks). Users navigating sequentially (keyboard/screen reader) must repeatedly pass through dozens of links before accessing the actual content.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Affected Users: Motor disabilities - Severe barrier Total visual impairment (screen reader users) - Severe barrier Deafblind users - Severe barrier Low vision users - Light barrier Cognitive disabilities - Light barrier

Barrier Created: Increased navigation time Cognitive fatigue Frustration Reduced efficiency Difficulty accessing key content


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.starbucks.com/


2.2.2 Código HTML:

No se ha proporcionado código.



Explicación de la solución aplicada:
This example is accessible because: A skip link is the first focusable element — letting keyboard users jump immediately to <main>. The <main> landmark is present with an id, so assistive technologies can move focus properly. When focused (via Tab key), the skip link is displayed visibly. This meets WCAG 2.4.1 Bypass Blocks by allowing assistive product users to bypass repeated navigation and reach main content directly.






1 de enero de 20261 de octubre de 2025