2526UPSA2.1.2-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.1_Teclado_Accesible/2.1.2-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.flashscore.es/partido/futbol/flamurtari-GSOlR98g/teuta-lQvENR7I/?mid=via534Jt
2.1.2. Código HTML:
Explicación del problema detectado:
La gestión del foco del teclado no es adecuada en los elementos interactivos de la página, como ventanas emergentes y capas superpuestas. Es posible que el foco no acceda apropiadamente a estos componentes al navegar únicamente con el teclado, o que en algunas situaciones quede atrapado dentro de ellos sin poder salir utilizando las teclas estándar de navegación (Shift + Tab o Tab), y que no se ofrezca una opción claramente indicada para dejar el componente.
Esta circunstancia hace que el usuario no pueda seguir navegando por el resto de la página sin usar el ratón, ya que pierde el control de la navegación mediante teclado.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema afecta de forma grave a personas con discapacidad motriz que dependen exclusivamente del teclado u otros dispositivos de entrada alternativos, así como a personas con discapacidad visual total que utilizan lectores de pantalla.
La barrera generada consiste en la imposibilidad de abandonar un componente interactivo una vez que el foco ha entrado en él.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.gov.uk/
2.2.2 Código HTML:
Explicación de la solución aplicada:
La página asegura que el usuario pueda acceder y salir de cualquier componente interactivo solamente usando el teclado, manteniendo adecuadamente el foco del teclado en todos sus elementos. El foco no se queda atrapado dentro de un componente y siempre sigue una secuencia lógica al navegar usando Tab y Shift + Tab.
