Skip to content

Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →

Barrierefreiheit

Perché il drag-and-drop ha bisogno di una semplice alternativa di clic?

Ogni funzione che richiede un movimento di trascinamento — ad esempio trascinare un file in un campo o spostare un cursore — ha bisogno di un'alternativa con semplici clic o tocchi. Chi può solo toccare brevemente ma non tenere premuto il dito o il pulsante del mouse e muoversi contemporaneamente ha esito negativo per il puro trascinamento. Il criterio 2.5.7 "Movimenti di trascinamento" è nuovo con WCAG 2.2 e chiude esattamente questo divario.

Caricamento file, cursori e elenchi ordinabili accessibili

Tre modelli coprono la maggior parte dei casi. Il caricamento di file tramite trascinamento ha anche bisogno di un pulsante "Scegli file" che apra la finestra di dialogo del file normale — la maggior parte dei sistemi la include, deve solo non essere nascosta. Il cursore, ad esempio per un intervallo di prezzo, ha anche bisogno di campi di input o pulsanti più e meno per gli stessi valori. E gli elenchi ordinabili, in cui le voci vengono riordinate trascinando, hanno bisogno di pulsanti come "su" e "giù" per ogni voce. Il gesto di trascinamento rimane come un modo conveniente; il punto è che lo stesso scopo è raggiungibile anche con singoli clic.

Così il servizio di verifica riporta questo criterio

Se ogni funzione di trascinamento sulla Sua pagina ha un'alternativa di clic, non può essere decisa in modo affidabile dai programmi: la verifica dovrebbe eseguire effettivamente i movimenti di trascinamento e confrontare il loro effetto con tutti i pulsanti — il nostro nucleo di misurazione funziona deliberatamente in modo passivo e non esegue movimenti di trascinamento su pagine straniere. Il rapporto di verifica quindi lo indica come un punto da verificare manualmente. Questo segue il nostro principio fondamentale: ogni criterio WCAG appare individualmente nel rapporto — superato, violato, da verificare manualmente o non verificabile automaticamente. Una verifica vuota è un errore, mai un'autorizzazione.

Beispiele

Sortieren nur per Ziehen

Verstoß
<li draggable="true">Aufgabe A</li>
<li draggable="true">Aufgabe B</li>
Erfüllt
<li draggable="true">Aufgabe A
  <button type="button" aria-label="Aufgabe A nach oben">↑</button>
  <button type="button" aria-label="Aufgabe A nach unten">↓</button>
</li>

Ziehen verlangt eine ruhige Hand über einen Weg. Ein Klick je Richtung erreicht dasselbe.

  • Trovi tutte le funzioni di trascinamento del Suo sito Web: caricamento di file, cursori, elenchi ordinabili, riquadri spostabili.
  • Metta accanto a ogni campo di caricamento un pulsante "Scegli file" che apra la finestra di dialogo del file normale.
  • Integri i cursori con campi di input o pulsanti più e meno per gli stessi valori.
  • Dia agli elenchi ordinabili pulsanti per ogni voce per spostare su e giù.
  • Testi ognuna di queste funzioni una volta senza alcun trascinamento — solo con singoli clic.

Deutsche Fassung dieser Seite