2526UdL2.1.4-A-002
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.4-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.youtube.com/watch?v=c_xeuP4P2kg
2.1.2. Código HTML:
document.addEventListener("keydown", function(e) {
if (e.key === "k") togglePlay();
});
Explicación del problema detectado:
La plataforma YouTube utiliza atajos de teclado activados mediante una única tecla, como “K” para reproducir o pausar el vídeo o “M” para silenciar el audio. En muchos casos, estos atajos están activos por defecto y no ofrecen mecanismos claros para desactivarlos o reasignarlos. Además, históricamente se activaban incluso cuando el reproductor no tenía el foco del teclado. Esto puede provocar activaciones involuntarias.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Especialmente complicado en usuarios que emplean reconocimiento de voz o presentan dificultades motrices.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://docs.google.com/document/d/1h7Dfi-Y2_f5Fx--eoOQKCu4ULrqovFxDl5tR6OhUK3M/edit?tab=t.0
2.2.2 Código HTML:
editor.addEventListener("keydown", e => {
if (e.ctrlKey && e.key === "b") boldText();
});
Explicación de la solución aplicada:
Google Docs es un ejemplo de cumplimiento del criterio WCAG 2.1.4, ya que evita el uso de atajos de teclado activados por una sola tecla a nivel global. La mayoría de sus atajos requieren teclas modificadoras como Ctrl o Alt, y cualquier interacción basada en teclado se limita al componente con foco. Esto previene activaciones involuntarias y permite un uso seguro con tecnologías como reconocimiento de voz o dispositivos de entrada alternativos.
