Los controles que solo funcionan arrastrando necesitan una alternativa con un solo puntero
Arrastrar significa mantener pulsado un puntero mientras se mueve con precisión, algo difícil o imposible para las personas con temblores o poco control de las manos, y para quienes usan un puntero de cabeza o el control por voz. Cuando el filtro de precio solo funciona arrastrando, no pueden acotar el rango en absoluto.
- ID de la regla
- vs-dragging
- Origen
- Comprobación de Validiscan
- Impacto
- Grave
- Nivel de corrección
- MANUAL
- en Shopify, Shopware, WooCommerce y Magento
- Estado
- se ejecuta
Qué hace la comprobación
Detecta controles que solo pueden manejarse arrastrando, como los controles deslizantes de rango de precios, el zoom de imágenes y las listas ordenables, sin una alternativa de un solo toque o clic (2.5.7).
La comprobación busca tiradores (handles) de controles deslizantes personalizados: [role="slider"], las clases de tirador de noUiSlider, jQuery UI e Ion.RangeSlider, y nombres de clase como price-handle. Omite input[type="range"], los tiradores que están ocultos, miden menos de 4 px o tienen aria-disabled="true", y los elementos detectados por su clase que miden más de 80 px o contienen una imagen. Se comprueban como máximo seis por página.
Un tirador fuera del orden de tabulación es un hallazgo. En uno enfocable se pulsa una tecla de flecha en la dirección de su eje y, si nada cambia, otra en sentido transversal. Si ninguna modifica aria-valuenow, aria-valuetext, su texto o su posición en la pista, es un hallazgo. Si una pulsación lleva a otra página, se deshace con una recarga; ese control deslizante y los posteriores que sean enfocables pasan a «pendiente de revisión».
Los widgets de zoom de al menos 80 × 80 px con draggable="true" o touch-action: none y sin ningún control de zoom cerca también pasan a «pendiente de revisión». Hoy el escáner no convierte lo que está pendiente de revisión en hallazgos. Solo se pulsan teclas, así que la comprobación no prueba si un toque o un clic bastan por sí solos para establecer un valor.
Cómo corregirlo
Ofrezca una alternativa con un solo puntero junto a cada interacción de arrastre: campos numéricos para el precio mínimo y máximo, botones de más y menos para el zoom, y botones de subir y bajar para las listas ordenables.
Criterios de conformidad de las WCAG
- 2.5.7 Dragging Movements, nivel AA
Apartados de la norma EN 301 549
| Criterio de las WCAG | Versión 3.2.1 | Versión 4.1.1 |
|---|---|---|
| 2.5.7 | sin apartado en esta versión | 9.2.5.7 |
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