Tamanho apropriado dos pontos de toque

Esta regra é acionada quando o PageSpeed Insights detecta que certos pontos de toque (por exemplo, botões, links, ou campos de formulário) podem ser muito pequenos ou estar muito próximos de outros pontos, impedindo que eles sejam tocados facilmente pelos usuários em uma tela sensível.

Visão geral

Links ou botões pequenos ou muito próximos são mais difíceis de serem tocados com precisão pelos usuários em uma tela sensível ao toque, em comparação a um cursor de mouse tradicional. Para impedir que os usuários se sintam frustrados por tocar acidentalmente em botões ou links incorretos, os pontos de toque devem ser suficientemente grandes e estar distantes de outros pontos de toque para que um usuário possa pressioná-los sem que seu dedo encoste também em outros pontos. Um dedo adulto médio tem cerca de 10 mm de largura (pouco menos de meia polegada) e as diretrizes para interface do usuário Android recomendam um tamanho mínimo de ponto de toque de cerca de sete milímetros, ou 48 pixels CSS em um site com uma janela de visualização devidamente configurada.

Recomendações

Verifique se os pontos de toque mais importantes no seu site, ou seja, aqueles que os usuários usarão com mais frequência, são grandes o suficiente para facilitar seu pressionamento, com pelo menos 48 pixels CSS de altura / largura (supondo que você tenha configurado corretamente a janela de visualização). Links usados com menos frequência podem ser menores, mas também devem apresentar um espaçamento para outros links, de modo que um dedo de 10 milímetros não pressione acidentalmente ambos os links de uma só vez. Os usuários não devem ter que aumentar o zoom (ou depender de outros recursos de interface do navegador para diferenciar os pontos de toque, como a lente pop-up de aumento do Chrome) a fim de pressionar de maneira fácil e confiável o botão ou link desejado.

Torne os pontos de toque grandes o suficiente para facilitar seu pressionamento

Esta regra se aplica aos pontos de toque que os usuários usarão com mais frequência, tais como botões para ações comuns, barras de pesquisa e outros campos de formulário importantes e links de navegação primária. Esses pontos de toque devem ter pelo menos 7 mm (48 pixels CSS, se você tiver configurado corretamente a janela de visualização), devendo ter espaço adicional ao seu redor se tiverem menos que 7 mm.

Certifique-se de que haja espaço adicional entre pontos de toque menores

É aceitável que links ou botões menos utilizados sejam menores do que o tamanho recomendado de 7 mm. Mesmo assim, outros pontos de toque devem estar a uma distância superior a 5 mm (32 pixels CSS), tanto na horizontal quanto na vertical. Assim, quando o usuário pressionar um ponto de toque não tocará inadvertidamente em outro ponto de toque.