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

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.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 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