Avançar para o conteúdo
SilktideAjuda

Entrada simultânea

A Silktide procura estilos que desativem a entrada por toque em toda a página ou que ocultem botões e links de pessoas que utilizam um determinado tipo de ponteiro, como um rato ou um ecrã tátil. As páginas devem permitir que os visitantes utilizem qualquer método de entrada disponibilizado pelo respetivo dispositivo.

Porque é importante

As pessoas alternam constantemente entre métodos de entrada: um computador portátil com ecrã tátil, um tablet com um teclado ligado, um computador de secretária com uma caneta. Outras dependem de um método de entrada específico devido a uma deficiência — uma pessoa com tremores pode considerar o toque mais fácil do que um rato, enquanto alguém que utiliza um ponteiro de boca pode usar apenas um teclado. Uma página que desative o toque ou que oculte controlos a menos que seja possível passar o rato sobre eles exclui estes visitantes de funcionalidades que o resto do público pode utilizar.

Esta é a preocupação subjacente ao critério de sucesso 2.5.6 da (Mecanismos de entrada simultâneos), um requisito de .

Como corrigir

  1. Remova touch-action: none do elemento html ou body. Se precisar desta propriedade para suportar um gesto personalizado, aplique-a apenas ao elemento específico que trata do gesto, como um mapa ou um controlo deslizante, e não à página inteira.
  2. Quando uma consulta de media como @media (hover: none) ou @media (pointer: coarse) ocultar um botão ou link, certifique-se de que a mesma ação continua disponível de outra forma para esses visitantes. Adapte o estilo dos controlos para o toque em vez de os remover.
  3. Se o estilo assinalado for genuinamente inofensivo — por exemplo, se ocultar um controlo que tem um equivalente visível para todas as pessoas — pode o resultado.
/* Problema: desativa a entrada por toque em toda a página */
body {
  touch-action: none;
}

/* Melhor: limitar ao elemento que precisa de gestos personalizados */
.map-canvas {
  touch-action: none;
}

Como a Silktide faz os testes

  1. Lê o escrito diretamente em cada página, tanto nos blocos <style> como nos atributos style dos elementos html e body.
  2. Assinala uma página quando esta desativa globalmente a entrada por toque, com touch-action: none aplicado a html, body ou ao elemento raiz.
  3. Assinala uma página quando uma consulta de media que testa o tipo de passagem do rato ou de ponteiro (como hover: hover ou pointer: coarse) oculta um elemento interativo, como um botão, link ou campo de formulário, com display: none.
  4. Assinala no máximo um resultado por página. Como estes padrões podem por vezes ter utilizações legítimas, os resultados são assinalados para sua confirmação, em vez de serem contabilizados como falhas confirmadas.

Resolução de problemas

O estilo assinalado é intencional

Algumas páginas têm uma necessidade real destes padrões — uma ferramenta de desenho pode desativar os gestos táteis nativos, ou uma funcionalidade exclusiva para computadores de secretária pode ocultar o respetivo menu acionado ao passar o rato em dispositivos táteis, disponibilizando ao mesmo tempo outro caminho para o mesmo conteúdo. Se confirmar que existe um método de entrada equivalente, aprove o resultado.

A minha página restringe a entrada, mas não foi assinalada

A Silktide lê apenas o CSS escrito na própria página; as regras presentes em ficheiros de folhas de estilo externos ligados não são analisadas por esta verificação. Também não consegue detetar restrições de entrada aplicadas através de , como scripts que ignoram eventos de toque em determinados dispositivos. Um resultado positivo aqui não garante que a página cumpre o critério.

Saiba mais

Última atualização

Esta página foi útil?