El foco del teclado nunca debe quedar atrapado
Una trampa de teclado detiene al cliente por completo: en cuanto el foco se queda atascado en un widget, como un reproductor de vídeo, una ventana de chat o un campo de pago incrustado, no puede llegar al resto de la página ni al botón para finalizar la compra, y la única salida es abandonar la tienda.
- ID de la regla
- vs-keyboard-trap
- Origen
- Comprobación de Validiscan
- Impacto
- Crítico
- Nivel de corrección
- MANUAL
- en Shopify, Shopware, WooCommerce y Magento
- Estado
- se ejecuta
Qué hace la comprobación
Sigue la secuencia de Tab y detecta bucles y callejones sin salida en los que el foco del teclado no puede avanzar ni salir de un componente (2.1.2).
La comprobación ordena los elementos visibles y alcanzables con el teclado según el orden de tabulación: primero los valores positivos de tabindex, de menor a mayor, y después el orden del documento. Enfoca el primero que acepta el foco y luego pulsa la tecla Tab hasta 200 veces. Si el foco sale del documento o se agotan las pulsaciones, no se notifica nada.
Hay un atasco cuando el foco se queda en el mismo elemento durante 8 pulsaciones seguidas. En un iframe, object o embed, la comprobación mueve el foco más allá del elemento tras 3 pulsaciones, así que las trampas de su interior no se notifican. Hay un bucle cuando el foco vuelve a un elemento ya visitado. Si un bucle contiene el primer elemento enfocado y, además, la última parada de tabulación o al menos el 80 % de las paradas, cuenta como un recorrido completo; los demás bucles se notifican en su contenedor común más cercano.
A continuación, la comprobación pulsa Escape y Tab. Una trampa que Escape libera, o cualquier trampa dentro de un elemento dialog, role="dialog", role="alertdialog" o aria-modal="true", pasa a «pendiente de revisión», algo que hoy el escáner no convierte en hallazgos. Shift+Tab no se prueba.
Cómo corregirlo
Localice el componente que captura el foco (a menudo un widget de terceros o una ventana modal personalizada) y asegúrese de que Tab y Shift+Tab permiten salir de él, o de que Escape lo cierra y devuelve el foco a la página. Después del cambio, recorra a mano todo el camino con el teclado.
Criterios de conformidad de las WCAG
- 2.1.2 No Keyboard Trap, nivel A
Apartados de la norma EN 301 549
| Criterio de las WCAG | Versión 3.2.1 | Versión 4.1.1 |
|---|---|---|
| 2.1.2 | 9.2.1.2 | 9.2.1.2 |
Empiece con una revisión gratuita de su tienda.
Envíe la dirección de su tienda. Validiscan la escanea y le responde con cada fallo que el escaneo pueda demostrar, con la página y el código.
Solicitar revisión gratuitaO escriba a info@validiscan.com.
Qué cubre la revisión gratuita y qué deja fuera- Usted envía
- la dirección de su tienda
- Páginas escaneadas
- hasta 15
- Usted recibe
- todos los fallos que el escaneo puede demostrar, con la página y el código
- En su tienda
- solo páginas públicas; sin inicio de sesión, nada comprado, ningún formulario enviado
- Lo que no es
- una auditoría completa