Avançar para o conteúdo
SilktideAjuda

Conteúdo ao passar o mouse ou receber foco

O Silktide solicita que você verifique se o conteúdo revelado ao passar o mouse ou ao receber foco do teclado — dicas de ferramentas, menus suspensos e cartões de pré-visualização — se comporta da forma exigida pelo critério de sucesso 1.4.13 da (nível AA).

Esta é uma : a automação não consegue passar o mouse e mover o foco para cada acionador de uma página nem interagir com o que aparece, por isso o Silktide apresenta o prompt em cada página para que uma pessoa o confirme.

Por que isso é importante

O conteúdo que aparece ao passar o mouse ou ao receber foco é problemático para vários grupos, a menos que se comporte adequadamente:

  • Pessoas que usam ampliadores de tela visualizam a página com um nível de zoom alto e precisam mover o ponteiro até um pop-up para lê-lo. Se o pop-up desaparecer no momento em que o ponteiro sair do acionador, ele nunca poderá ser lido.
  • Pessoas com tremores motores passam o mouse sobre elementos por acidente. Um pop-up que só pode ser fechado afastando o ponteiro obriga a fazer movimentos precisos que talvez não consigam realizar.
  • Qualquer pessoa que precise de mais tempo perde o conteúdo que se oculta após um determinado período.

O que verificar

Para cada elemento que revela conteúdo ao passar o mouse ou ao receber foco do teclado, verifique os três itens a seguir:

  1. Fechável — o conteúdo revelado pode ser fechado sem mover o ponteiro ou o foco, normalmente pressionando Escape. (Exceção: quando ele não obscurece nada, como uma dica de erro de um campo de formulário que aparece em um espaço vazio.)
  2. Acessível pelo mouse — se o conteúdo foi acionado ao passar o mouse, o ponteiro pode ser movido até o conteúdo revelado sem que ele desapareça.
  3. Persistente — ele permanece visível até que a pessoa o feche, se afaste ou a informação deixe de ser válida. Não deve haver temporizadores para ocultação automática.

As dicas de ferramentas nativas do atributo title estão isentas (o navegador as controla), mas têm seus próprios problemas — consulte Rotulagem com o atributo title.

Como corrigir

  • Adicione um manipulador de Escape que oculte o pop-up enquanto o acionador mantém o foco.
  • Mantenha o pop-up aberto enquanto o ponteiro estiver sobre o próprio pop-up, não apenas sobre o acionador — aninhe o pop-up no DOM do acionador ou preencha a lacuna com uma área que tolere a passagem do mouse.
  • Remova a ocultação automática no estilo de setTimeout das dicas de ferramentas e dos menus.

Se todos os elementos da página que revelam conteúdo ao passar o mouse ou ao receber foco estiverem em conformidade (ou se a página não tiver nenhum), o resultado.

Como o Silktide faz a verificação

O Silktide ainda não consegue detectar automaticamente os acionadores de passagem do mouse e de foco, por isso esta verificação gera um prompt de revisão por página, descrevendo o que deve ser verificado. Atualmente, nenhuma ferramenta automatizada testa o critério 1.4.13 — não existe uma regra ACT do W3C para ele. Planejamos detectar acionadores prováveis (ouvintes associados à passagem do mouse e conteúdo revelado por CSS) em uma versão futura, para que o prompt seja apresentado apenas nas páginas que precisam dele.

Saiba mais

Última atualização

Esta página foi útil?