Saltar al contenido
Pon el foco
Criterios de Operable

OperablePauta 2.5 Modalidades de entrada

2.5.1Gestos del puntero

Nivel ALo exige la normativa (EN 301 549).

Qué pide

Lo que se hace con gestos multipunto o de trayectoria (pellizcar, deslizar) también se puede hacer con un solo toque.

A quién ayuda: Personas con movilidad reducida o que usan un puntero bucal.

Un caso real

Un mapa de oficinas se amplía pellizcando.

BienHay botones + y − para ampliar.
MalSolo se puede ampliar con dos dedos.

Cómo aplicarlo en código

Botones además del gesto

Deslizar, pellizcar o trazar recorridos está bien como atajo, pero tiene que existir una alternativa con un solo toque.

CorrectoHTML
<div class="galeria"><!-- se puede deslizar --></div>
<button type="button">Foto anterior</button>
<button type="button">Foto siguiente</button>

<div class="mapa"><!-- se puede pellizcar --></div>
<button type="button">Acercar</button>
<button type="button">Alejar</button>
IncorrectoHTML
<script>
  // Solo se cambia de foto deslizando el dedo
  galeria.addEventListener("touchmove", detectarDeslizamiento);
</script>

Cómo comprobarlo

Busca funciones que requieran gestos y comprueba que tienen alternativa.

Understanding 2.5.1 (W3C, en inglés)