Os pontos de toque não têm o tamanho adequado
Published on • Updated on
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:
![Auditoria do Lighthouse mostrando pontos de toque de tamanho inadequado](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/6Dhlxe7vkj7gX3e5rX4B.png?auto=format)
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:
Each SEO audit is weighted equally in the Lighthouse SEO Score, except for the manual Structured data is valid audit. Learn more in the Lighthouse Scoring Guide.
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
:
![pontos de toque de tamanho adequado](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/ggUhPDcAaExFfcmm8kaF.jpg?auto=format)
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
Updated on • Improve article