Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
Porque é que arrasta-e-larga precisa de uma alternativa simples de clique?
Qualquer função que exija um movimento de arrasto — por exemplo, arrastar um arquivo para um campo ou mover um controlo — requer uma alternativa com cliques ou toques simples. Quem consegue apenas tocar brevemente mas não consegue manter uma tecla ou botão do rato pressionados e ao mesmo tempo mover com precisão falha com arrasto puro. O critério 2.5.7 «Movimentos de arrasto» é novo com o WCAG 2.2 e fecha exatamente esta lacuna.
Fornecer envio de arquivo, controlos deslizantes e listas ordenáveis de forma acessível
Três padrões cobrem a maioria dos casos. O envio de arquivo por arrastar requer além disso um botão «Selecionar arquivo» que abre o diálogo de arquivo normal — a maioria dos sistemas traz um, apenas não deve ser removido do desenho. O controlo deslizante, por exemplo para uma gama de preços, requer além disso campos de entrada ou botões de Mais e Menos para os mesmos valores. E listas ordenáveis, onde as entradas são reordenadas por arrasto, requerem por entrada botões como «para cima» e «para baixo». O movimento de arrasto permanece como um caminho confortável; o que importa é que o mesmo objetivo é alcançável também com cliques individuais.
Como o serviço de verificação apresenta este critério
Se cada função de arrasto na sua página tem uma alternativa de clique não pode ser determinado de forma confiável por máquina: a verificação teria de executar movimentos de arrasto e comparar o seu efeito com todos os botões — o nosso núcleo de medição funciona deliberadamente de forma passiva e não executa arrastos em páginas alheias. O relatório de verificação, portanto, apresenta este critério abertamente como um ponto a verificar manualmente. Isso segue o nosso princípio fundamental: cada um dos critérios WCAG aparece individualmente no relatório — cumprido, violado, verificação manual exigida ou não verificável por automatização. Uma verificação vazia conta como erro, nunca como autorização.
Beispiele
Sortieren nur per Ziehen
<li draggable="true">Aufgabe A</li>
<li draggable="true">Aufgabe B</li><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.
- Procure todas as funções de arrasto no seu website: envio de arquivo, controlos deslizantes, listas ordenáveis, tiles movíveis.
- Coloque um botão «Selecionar arquivo» ao lado de cada campo de envio que abre o diálogo de arquivo normal.
- Complemente controlos deslizantes com campos de entrada ou botões de Mais e Menos para os mesmos valores.
- Dê listas ordenáveis por entrada botões para mover para cima e para baixo.
- Teste cada uma destas funções uma vez sem qualquer arrasto — apenas com cliques individuais.