Os pontos de toque não têm o tamanho adequado
Os pontos de toque são as áreas de uma página da web com as quais os usuários em dispositivos de toque podem interagir. Botões, links e elementos de formulário têm pontos de toque.
Muitos mecanismos de pesquisa classificam as páginas com base no grau de compatibilidade com dispositivos móveis. Garantir que os pontos de toque sejam grandes e distantes um do outro torna sua página mais acessível e compatível com dispositivos móveis.
Como a auditoria dos pontos de toque do Lighthouse falha #
O Lighthouse sinaliza páginas com pontos de toque muito pequenos ou muito próximos:
Os destinos menores que 48 x 48 pixels ou mais próximos do que 8 pixels entre eles falham na auditoria. Quando a auditoria falha, o Lighthouse lista os resultados em uma tabela com três colunas:
Como corrigir seus pontos de toque #
Etapa 1: aumente o tamanho dos pontos de toque que são muito pequenos. Os pontos de toque com 48 x 48 px nunca falham na auditoria. Se você tiver elementos que não deveriam parecer maiores (por exemplo, ícones), tente aumentar a propriedade padding:
padding para tornar os pontos de toque maiores sem alterar a aparência de um elemento.
Etapa 2: aumente o espaçamento entre os pontos de toque que estão muito próximos usando propriedades como margin . Deve haver pelo menos 8 px entre os pontos de toque.
Recursos #
- Pontos de toque acessíveis : mais informações sobre como garantir que seus pontos de toque sejam acessíveis a todos os usuários.
- O código-fonte dos pontos de auditoria pontos de toque não são dimensionados de forma adequada