Linee Guida

Controllo tramite tocco e gesti

Un controllo accessibile tramite tocco e gesti consente a un numero più ampio di utenti di utilizzare siti web e applicazioni. Ogni azione eseguita tramite un gesto o un tocco deve poter essere effettuata anche in modo più semplice.

I siti web e le applicazioni moderne utilizzano spesso scorrimenti, gesti multi-touch e modalità trascina e rilascia. Se funzionalità importanti dipendono esclusivamente da queste modalità di interazione, molti utenti non possono accedervi in modo equivalente.

Per quali utenti è particolarmente importante?

Un’interazione accessibile tramite tocco e gesti è particolarmente importante per:

  • persone con disabilità motorie,
  • utenti con ridotta motricità fine o tremore delle mani,
  • utenti che utilizzano tecnologie assistive,
  • utenti anziani,
  • utenti di dispositivi mobili.

È inoltre utile a tutti gli altri utenti, poiché consente di utilizzare più facilmente siti web e applicazioni indipendentemente dal dispositivo o dalla modalità di interazione.

Problemi frequenti

La funzionalità è accessibile soltanto tramite gesti o trascinamento

Alcuni siti web e applicazioni mobili consentono di utilizzare determinate funzionalità soltanto tramite gesti multi-touch, scorrimenti sullo schermo o modalità trascina e rilascia (drag and drop). Questo tipo di interazione può risultare molto difficile per gli utenti con disabilità motorie, ridotta motricità fine o per coloro che utilizzano dispositivi di input alternativi.

Pratica scorretta: La galleria di immagini può essere sfogliata soltanto con uno scorrimento orizzontale sullo schermo oppure tramite trascina e rilascia. L’utente non dispone di nessun’altra possibilità per spostarsi tra le immagini.
Buone pratiche: Oltre allo scorrimento sono disponibili anche pulsanti chiaramente visibili Avanti e Indietro, che consentono di svolgere la stessa funzione. In questo modo la galleria può essere utilizzata anche dagli utenti che non sono in grado di eseguire scorrimenti o trascinamenti.
Galleria con tre immagini e pulsanti chiaramente indicati per passare all’immagine precedente e a quella successiva.
Suggerimento: Se per eseguire una determinata funzione è necessario utilizzare un gesto o la modalità trascina e rilascia, forniamo anche una modalità di interazione equivalente tramite pulsanti, collegamenti o altri elementi standard dell’interfaccia utente.

Attivazione in seguito a un tocco involontario

Sui dispositivi con schermo tattile, gli utenti possono premere accidentalmente l’elemento sbagliato oppure attivare involontariamente un’azione mentre spostano il dito. Se la funzione viene eseguita già al primo contatto con lo schermo, l’utente non ha la possibilità di correggere la propria scelta.

Pratica scorretta: L’utente tocca accidentalmente il pulsante Elimina e l’azione viene eseguita immediatamente, senza possibilità di annullarla o confermarla.
Buone pratiche: L’azione viene eseguita soltanto quando l’utente termina il tocco (quando solleva il dito) oppure la conferma. Se tocca l’elemento sbagliato, può ancora spostare il dito altrove o annullare l’azione prima che venga eseguita.

Aree di tocco troppo piccole

Pulsanti e collegamenti di piccole dimensioni rendono più difficile l’utilizzo soprattutto sui dispositivi mobili e per gli utenti con una minore precisione dei movimenti.

Pratica scorretta: Diverse piccole icone sono posizionate troppo vicine tra loro, per cui l’utente preme spesso quella sbagliata.
I piccoli controlli di selezione del carosello rendono più difficile l’attivazione precisa e la gestione dei contenuti.

Gli elementi interattivi dovrebbero avere un’area di tocco sufficientemente grande e uno spazio adeguato tra i singoli elementi, in modo che gli utenti non premano accidentalmente i pulsanti sbagliati. WCAG 2.2 raccomanda una dimensione minima dell’area di destinazione di 24 × 24 CSS px, salvo specifiche eccezioni.

Interazione tramite inclinazione o movimento del dispositivo

Alcune applicazioni consentono l’interazione inclinando, ruotando o scuotendo il telefono. Questo tipo di utilizzo può essere problematico per gli utenti con disabilità motorie, ma anche per coloro che hanno il dispositivo fissato a una sedia a rotelle, a un supporto o a un’altra superficie fissa e non possono spostarlo facilmente.

Buone pratiche: Se è disponibile l’interazione tramite movimento, deve essere previsto anche un metodo convenzionale tramite pulsanti o tocco dello schermo. L’utente deve inoltre poter disattivare l’interazione tramite movimento.

Collegamento con le linee guida per l’accessibilità (WCAG)

L’ambito relativo all’interazione tramite tocco e gesti riguarda principalmente i seguenti criteri di successo WCAG:

  • 2.5.1 Gesti del puntatore
  • 2.5.2 Annullamento del puntatore
  • 2.5.4 Attivazione tramite movimento
  • 2.5.7 Movimenti di trascinamento
  • 2.5.8 Dimensione del target

Attraverso modalità di interazione semplici e prevedibili garantiamo che siti web e applicazioni possano essere utilizzati dal maggior numero possibile di utenti. Quando le funzionalità importanti non dipendono da gesti complessi, movimenti precisi o dallo spostamento del dispositivo, miglioriamo l’accessibilità per le persone con disabilità e, allo stesso tempo, offriamo una migliore esperienza utente a tutti.