Os pontos de toque não têm o tamanho adequado

Published on Updated on

Translated to: English, Español, 한국어, 中文, Pусский, 日本語

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

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:

Pontos de toqueO ponto de toque com tamanho inadequado.
TamanhoO tamanho do retângulo delimitador do destino em pixels.
Pontos de sobreposiçãoQuais outros pontos de toque, se houver, estão muito próximos.

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
Use 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

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.