2526UdL2.4.4-A-001
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_2/2.4_Navegable/2.4.4-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.imperial.ac.uk/staff/tools-and-reference/web-guide/training-and-events/materials/accessibility/bad-example/
2.1.2. Código HTML:
Explicación del problema detectado:
El error es el uso de un enlace genérico 'More info' como reclamo visual. La estrategia de diseño confía en que el usuario entienda el destino por el contexto visual, pero esto no es posible para personas con visibilidad reducida. También dificulta mucho la navegación el hecho de que, en este caso, el enlace 'More Info' se repita en diversas ocasiones.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
El impacto principal es la desorientación en las listas de enlaces; los usuarios de lectores de pantalla utilizan un atajo para listar rápidamente todos los enlaces de la página y, al hacerlo, encontrarían: More Info, More Info, More Info, sin saber cuál corresponde al Koala y cuál al Pingüino.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.bbc.com/news
2.2.2 Código HTML:
<a href="/news/articles/c99jxryd9xko" ...>
Rubio warns Europe of new era in geopolitics before big Munich speech
</a>
Explicación de la solución aplicada:
El texto del enlace debe coincidir directamente con el titular de la noticia, cumpliendo el criterio 2.4.4 porque se puede entender perfectamente a dónde te llevará la noticia.
Es un buen uso que aporta claridad inmediata, lo que se resume en una navegación rápida e intuitiva.
| 1 de enero de 2026 | 1 de octubre de 2025 |
|---|
