Gerenciar o acionamento do toque para pesquisar

O recurso Pesquisa por toque foi lançado em junho de 2015 no Chrome 43 para a maioria dos smartphones Android. Quando o usuário toca no texto em qualquer página no Chrome, a palavra é selecionada junto com o texto ao redor relevante. O termo de pesquisa aparece em uma barra na parte de baixo da tela, que os usuários podem abrir em um painel de sobreposição para mostrar os resultados completos da pesquisa.

Animação por toque para pesquisar

O acionamento por toque é ativado para qualquer texto simples que seja selecionável e não interativo ou não focalizável. Quando a página tem um gerenciador de cliques que responde a um toque no texto, o recurso "Tocar para pesquisar" detecta automaticamente a resposta e a ignora, já que sabemos que o desenvolvedor pretendia lidar com o evento. A barra de toque para pesquisar também é acionada ao usar o gesto de tocar e pressionar para selecionar um texto. Os usuários podem ativar ou desativar o recurso usando uma preferência nas configurações de privacidade do Chrome.

Como autor de um site, muitas vezes você não quer que um gesto de toque em um determinado elemento acione uma pesquisa. Para garantir que o Chrome faça o que você pretende, faça estes elementos:

  1. Focalizável: adicione uma propriedade tabindex=-1 ao elemento.
  2. Interativo: use uma das várias maneiras padrão de indicar que um elemento é interativo:
    • Use a marcação de acessibilidade para indicar que o elemento tem uma funçãoidget ou atributos de widget. Por exemplo, nenhum elemento com role=button será acionado. Além disso, a marcação de acessibilidade tem a vantagem de tornar sua página mais legível para usuários com deficiência visual.
    • Qualquer gerenciador de cliques JavaScript que chame preventDefault() ou manipule o DOM ou o CSS não acionará o recurso "Tocar para pesquisar".
  3. Não selecionável: usando -webkit-user-select: none. O texto não selecionável não acionará o recurso "Tocar para pesquisar", mesmo ao usar o gesto de tocar e pressionar.

Se o recurso "Tocar para pesquisar" não for acionado quando ou onde precisa ser acionado, ou for acionado de maneira intermitente, os elementos provavelmente serão marcados como focalizáveis ou interativos quando não deveriam ser. Use o procedimento a seguir para ajudar a determinar o que está impedindo o acionamento do recurso "Tocar para pesquisar":

  1. Confira se é possível selecionar o texto usando o gesto de tocar e pressionar. Se o texto selecionar, mas a barra "Tocar para pesquisar" não aparecer, verifique se o recurso não foi desativado no smartphone na configuração "Tocar para pesquisar" em "Privacidade no Chrome". Alguns dispositivos mais simples não são compatíveis com o recurso Tocar para pesquisar.
  2. Se a barra "Tocar para pesquisar" aparecer quando o texto é selecionado, mas não quando você toca, há um problema no acionamento do toque. Se o acionamento for intermitente, é provável que o problema seja devido à animação ser ativada condicionalmente por um manipulador JavaScript para o elemento.
  3. Se o acionamento nunca acontecer, consulte os motivos listados acima (verifique se o elemento é focalizável ou interativo).

Se a página ainda não funcionar como você gostaria, registre um bug em crbug.com e adicione o rótulo Cr-UI-Browser-Mobile-TouchToSearch.