Skip to content

Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →

Barrierefreiheit

Porque é que gestos de deslize precisam de uma alternativa simples de clique?

Gestos de deslize e gestos multi-dedo requerem uma alternativa simples, pois muitas pessoas não conseguem executá-los: quem opera com um pau na boca, um estilete ou mãos tremendo consegue tocar uma vez — mas não consegue deslizar com precisão e não consegue fazer zoom de dois dedos. O critério WCAG 2.5.1 exige, portanto, para cada gesto baseado em caminho ou requerendo múltiplos dedos um caminho equivalente com cliques simples ou toques.

Galeria de imagens, ampliação de mapa e mudança de página: as armadilhas de gesto mais comuns

Três padrões surgem repetidamente. Primeiro, a galeria de imagens que apenas se pode virar deslizando — a solução são botões de Anterior e Seguinte visíveis ao lado das imagens. Segundo, o mapa incorporado que apenas amplia com um gesto de dois dedos — a solução são botões de Mais e Menos na margem do mapa. Terceiro, listas ou tiles onde um gesto de deslize revela ações como eliminar — a solução é um botão de menu visível por entrada. O gesto pode permanecer; é o caminho mais rápido para muitos. O que é exigido é um segundo caminho simples para o mesmo objetivo.

Como o serviço de verificação apresenta este critério

Se cada função de gesto na sua página tem uma alternativa de clique não pode ser determinado de forma confiável por máquina: para isso, a verificação teria de executar gestos de deslize na página e comparar o seu efeito com todos os botões visíveis. O nosso núcleo de medição funciona deliberadamente de forma passiva e não executa gestos. O relatório, portanto, apresenta este critério abertamente como um ponto a verificar manualmente — incorporado no nosso catálogo, que nomeia individualmente cada um dos critérios WCAG: cumprido, violado, verificação manual exigida ou não verificável por automatização. Assim, cada declaração de selo permanece apoiada pela medição.

Beispiele

Bildergalerie nur per Wischen

Verstoß
<div class="galerie" data-swipe="true">…</div>
Erfüllt
<div class="galerie" data-swipe="true">
  <button type="button" class="zurueck">Vorheriges Bild</button>
  <button type="button" class="weiter">Nächstes Bild</button>
  …
</div>

Jede Geste mit mehreren Fingern oder einem Weg bekommt eine Alternative mit einem Klick.

  • Verifique cada galeria de imagens no seu website: existem botões de Anterior e Seguinte visíveis para além do deslize?
  • Complemente mapas incorporados com botões de Mais e Menos para ampliação.
  • Forneça um botão visível com a mesma função para cada ação de deslize em listas.
  • Teste a sua website completamente com um único dedo e sem movimentos de deslize — cada função deve permanecer acessível.

Deutsche Fassung dieser Seite