Interatividade com o mouse pode dar resposta a cards, mostrar a seleção de um projeto e tornar a navegação mais expressiva. Para contratar esse recurso, confira a experiência sem mouse. O celular, o teclado e a preferência por movimento reduzido precisam de caminhos que mantenham as mesmas informações e ações disponíveis.
Classifique o que acontece no hover
Faça uma lista dos elementos que mudam quando o ponteiro passa sobre eles. Separe feedback visual, como uma borda, de informação que aparece somente nessa condição. Um resumo de serviço escondido pode deixar de ser encontrado por quem usa toque. Peça que o conteúdo essencial permaneça visível ou tenha uma abertura explícita, com um botão identificado e comportamento de fechar previsível.
Prepare uma equivalência para o toque
No celular, tocar num card pode abrir o projeto diretamente. Se o primeiro toque mostra uma prévia e o segundo abre o destino, esse comportamento precisa ficar claro. Compare a interface com um card comum e verifique se a etapa adicional tem utilidade. Evite pedir movimentos precisos como única forma de alcançar um conteúdo comercial, especialmente quando a pessoa usa o telefone com uma mão.
Percorra a página com teclado
Use Tab para navegar e observe onde o foco aparece. Tente abrir o menu, selecionar um projeto e chegar ao contato. A WCAG trata do acesso às funcionalidades pelo teclado, com exceções específicas. Essa verificação inicial permite encontrar barreiras óbvias, mas deve ser complementada por outros testes quando o objetivo for avaliar acessibilidade. Registre o elemento e a ação que não puderam ser concluídos. Fonte: W3C: acesso pelo teclado.
Limite efeitos que acompanham o cursor
Uma inclinação leve de capa pode funcionar como detalhe visual. Texto longo, formulários e controles precisam ficar estáveis para seleção e leitura. Se existe cursor personalizado, peça uma opção que preserve a identificação dos links e não substitua indevidamente o cursor nativo. Para movimento não essencial, considerar a preferência de redução e o controle de pausa faz parte do desenho da experiência.
Use uma matriz por elemento
Registre quatro colunas: mouse, toque, teclado e movimento reduzido. Descreva o resultado de cada ação no menu, nos projetos e no contato. A matriz deve mostrar equivalência de tarefa, sem exigir que todos os dispositivos reproduzam o mesmo efeito visual. Envie as lacunas ao fornecedor antes da aprovação e repita o percurso quando a interface receber conteúdo real.
Continue a avaliação
Para organizar a contratação, leia Como organizar a aprovação do site sem retrabalho. Se você já tem um site, consulte também Site lento no celular: cinco verificações que o empresário pode fazer.
Para conversar sobre esse trabalho, conheça a proposta de criação e redesign em Sites Especiais e envie o endereço do seu site com as pendências identificadas. O escopo e as condições precisam ser definidos para o seu caso.
Guia editorial produzido com assistência de IA e fontes públicas. Exemplos são didáticos; a capa é uma ilustração gerada com IA e não representa um projeto de cliente.