G216Proporcionar una activación con puntero único en un control deslizante

Aplicabilidad

Aplicabilidad

Cualquier tecnología que admita la entrada mediante puntero (por ejemplo, que admita alguno o todos los siguientes: puntero del ratón, toque en pantalla táctil o panel táctil, entrada con lápiz o entrada con puntero láser).

Descripción

El objetivo de esta técnica es garantizar que los usuarios con dificultades para realizar gestos basados en trayectoria puedan manejar un control deslizante. Un control deslizante es una pista con un «cursor» que se desplaza a lo largo de la pista para fijar un valor.

Permite al usuario fijar un valor dentro de un rango determinado, por ejemplo, ajustar el volumen, cambiar el tono de un color, introducir la cantidad de dinero necesaria en un simulador de préstamo o elegir el importe que se va a donar a una organización benéfica. Un deslizador que requiera gestos basados en trayectoria utilizaría el deslizamiento a izquierda o derecha para cambiar el valor, o el arrastre del cursor del deslizador en una dirección concreta para cambiar el valor.

Una alternativa sencilla para activarlo sin un gesto basado en trayectoria es hacer que la pista del control deslizante responda al clic. De esta forma, el valor puede indicarse con un solo toque o clic en la pista.

Proporcionar controles (por ejemplo, botones con flechas) como alternativa también permite aumentar o disminuir el valor con toques o clics. Esto puede permitir un ajuste más fino del valor.

En los dispositivos con pantalla táctil, los gestos basados en trayectoria implementados por quien desarrolla no suelen funcionar cuando está activada una tecnología de asistencia (TA) del sistema operativo, como el lector de pantalla integrado. Esto se debe a que la TA, por lo general, consume los gestos basados en trayectoria, de modo que no llegan al contenido desarrollado. Sin embargo, cuando los controles personalizados se construyen sobre controles nativos, también pueden manejarse con los gestos de la TA, como el deslizamiento vertical para cambiar el valor (véase el ejemplo 1).

Ejemplo

Un control deslizante personalizado construido sobre un deslizador nativo (input type range) permite a los usuarios deslizar a izquierda y derecha o arrastrar el cursor del deslizador para cambiar su valor. La pista del deslizador permite tocar o hacer clic para situar el cursor en la posición activada. Unos botones estándar a ambos lados permiten aumentar y disminuir el valor del deslizador mediante toque, clic o activación con el teclado.

Ejemplo funcional de control deslizante personalizado

Pruebas