2526UPSA1.1.1-H-000
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_1/1.1_Texto_Alternativo/1.1.1-H
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<a href="index.html"> <img src="./img/top_logo.gif" alt="Citylights"> </a> <a href="index.html">your access to the city</a>
Explicación del problema detectado:
existen dos enlaces independientes que apuntan a la misma dirección. Esto genera una navegación redundante e ineficiente. El software de asistencia trata cada enlace por separado, obligando al usuario a interactuar con el mismo destino dos veces seguidas.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Usuarios de lectores de pantalla: Tienen que escuchar la lectura del enlace dos veces, lo que resulta confuso y molesto.
Usuarios de navegación por teclado: Deben presionar la tecla Tab el doble de veces de lo necesario para avanzar por la página.
Personas con discapacidades motrices: Cualquier pulsación extra de tecla supone un esfuerzo innecesario que ralentiza su navegación.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<a href="index.html"> <img src="./img/top_logo.gif" alt="Citylights:"> your access to the city </a>
Explicación de la solución aplicada:
Agrupo la imagen y el texto dentro de un único enlace (<a>). Esto optimiza la navegación al evitar que los usuarios de teclado y lectores de pantalla tengan que interactuar dos veces con el mismo destino.
