O recurso "Tocar para pesquisar" 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 do Chrome, a palavra é selecionada com o texto relevante ao redor. 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.
O acionamento de toque está ativado para qualquer texto simples que seja selecionável e não interativo ou não tenha foco. Quando a página tem um gerenciador de cliques que responde a um toque no texto, o recurso Toque para pesquisar detecta automaticamente a resposta e a ignora, porque sabemos que o desenvolvedor pretendia processar o evento. Usar um gesto de tocar e pressionar para selecionar texto manualmente também aciona a barra "Tocar para pesquisar". 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ê quer, crie esses elementos:
- Focável: adicione uma propriedade
tabindex=-1ao elemento. - Interativo: use qualquer uma das várias maneiras padrão para indicar que um elemento é
interativo:
- Use a marcação de acessibilidade para indicar que o elemento tem um papelde leitura ou atributos de widget. Por exemplo, qualquer elemento com role=button não será acionado. Adicionar marcação de acessibilidade tem o benefício adicional de que sua página será mais legível para usuários com deficiência visual.
- Qualquer manipulador de cliques JavaScript que chame
preventDefault()ou manipule o DOM ou CSS não vai acionar o recurso Tocar para pesquisar.
- Não selecionável: usando
-webkit-user-select: none. O texto não selecionável não aciona a pesquisa por toque, mesmo quando o gesto de tocar e pressionar é usado.
Se o recurso Tocar para pesquisar não for acionado quando ou onde deveria, ou se for acionado intermitentemente, provavelmente os elementos estão marcados como focados ou interativos quando não deveriam. Use o procedimento a seguir para determinar o que está impedindo a Pesquisa por toque de ser acionada:
- Verifique se o texto pode ser selecionado usando o gesto de tocar e pressionar. Se o texto for selecionado, mas a barra de Pesquisa por toque não aparecer, verifique se o recurso não foi desativado no seu smartphone na configuração "Pesquisa por toque" em "Privacidade" no Chrome. Além disso, alguns dispositivos de baixo custo não são compatíveis com a pesquisa por toque.
- Se a barra de pesquisa por toque aparecer quando o texto for selecionado, mas não quando você tocar, há algum problema de acionamento de toque. Se o acionamento for intermitente, o problema provavelmente se deve à ativação condicional da animação por um gerenciador JavaScript para o elemento.
- Se o acionamento nunca acontecer, consulte os motivos de acionamento listados acima (verifique se o elemento é focado ou interativo).
Se a página ainda não estiver funcionando como você quer, registre um bug em
crbug.com e adicione o rótulo
Cr-UI-Browser-Mobile-TouchToSearch.