2526UdL2.1.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.1_Teclado_Accesible/2.1.4-A#Otras_herramientas_de_evaluaci%C3%B3n
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:
https://www.reddit.com/
2.1.2. Código HTML:
document.addEventListener('keydown', function(event) {
if (event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
switch (event.key) {
case 'j':
// Navigate to next post
break;
case 'k':
// Navigate to previous post
break;
// Other single-key shortcuts like 'a' for upvote, 'z' for downvote, etc.
}
}
});
Explicación del problema detectado:
El código implementa atajos de teclado con teclas individuales (como 'j' para siguiente publicación, 'k' para anterior), que se activan globalmente en la página sin verificar si el foco está en un componente específico y sin proporcionar un mecanismo para desactivarlos o reasignarlos a teclas no imprimibles (como Ctrl o Alt). Esto viola el criterio WCAG
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas con discapacidad motriz, como temblores o precisión limitada, enfrentan barreras porque pueden pulsar teclas accidentalmente, activando acciones no deseadas como navegar a otra publicación. Usuarios con discapacidad cognitiva o que usan software de dictado por voz también se ven afectados, ya que pronunciar palabras con letras como 'j' puede interrumpir su flujo, causando frustración y reduciendo la usabilidad del sitio, lo que impide una interacción equivalente y eficiente.
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:
https://news.ycombinator.com
2.2.2 Código HTML:
Explicación de la solución aplicada:
La evidencia es accesible porque el sitio no emplea atajos de teclado con teclas únicas, lo que cumple automáticamente con WCAG 2.1.4-A al evitar cualquier riesgo de activaciones involuntarias. No se necesitan mecanismos de desactivación, reasignación o restricción al foco, ya que no hay tales atajos, garantizando una experiencia sin barreras para usuarios con discapacidades motrices o cognitivas, y permitiendo una navegación predecible mediante teclado estándar sin interrupciones.
