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

Apartados de la norma EN 301 549

El apartado de la norma EN 301 549 que corresponde a cada criterio, por versión de la norma
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 gratuita

O 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

Escribir a Validiscan

Para una revisión gratuita, indique la dirección web de su tienda y su plataforma.

Validiscan utiliza lo que usted envía para responderle. Política de privacidad