Como criar um relatório de usabilidade em dispositivos móveis do Google?

Utilização de Flash

A maioria dos navegadores de dispositivos móveis não processa conteúdo com base em Flash. Portanto, os usuários de dispositivos móveis não poderão acessar uma página que dependa de Flash para exibir conteúdo, animações ou navegação. Recomendamos a criação de animações e da aparência geral do site usando tecnologias modernas da Web. Leia mais sobre Aparência no guia “Fundamentos da Web”.

Viewport não configurada

Como os usuários do seu site usam uma variedade de dispositivos com tamanhos de tela diferentes (desde grandes monitores de computadores a tablets e pequenos smartphones), suas páginas devem especificar uma viewport usando a tag meta viewport. Ela informa os navegadores sobre como ajustar a dimensão e a escala da página para se adaptar ao dispositivo. Saiba mais em Conceitos básicos de Web design responsivo.

Viewport de largura fixa

Este relatório mostra as páginas que têm uma viewport definida com largura fixa. Alguns desenvolvedores da Web definem a viewport com um tamanho fixo de pixel para se ajustar a uma página não responsiva e se adaptar a tamanhos de tela comuns de dispositivos móveis. Para corrigir esse erro, use um design ágil para as páginas do seu site e defina a viewport para corresponder à largura do dispositivo e à escala adequada. Leia sobre como Configurar a viewport corretamente nos “Fundamentos da Web”.

Conteúdo não ajustado para a viewport

Este relatório indica as páginas em que é necessário rolar a tela horizontalmente para ver as palavras e imagens na página. Isso acontece quando as páginas usam valores absolutos em declarações de CSS (Cascading Style Sheets, na sigla em inglês) ou imagens criadas para ter uma aparência aprimorada em larguras de navegador específicas (980 px, por exemplo). Para corrigir esse erro, verifique se as páginas têm valores de posição e largura relacionados a elementos CSS e se as imagens podem ser dimensionadas de forma adequada. Leia mais em Dimensionar conteúdo para se ajustar à viewport.

Tamanho pequeno de fonte

Este relatório identifica as páginas em que o tamanho da fonte é pequeno demais para a leitura, exigindo que os usuários de dispositivos móveis façam gesto de pinça para aplicar zoom e, assim, conseguir ler o conteúdo. Após especificar uma viewport para suas páginas da Web, defina os tamanhos de fonte para escalar de forma adequada na viewport. Leia mais sobre práticas recomendadas relacionadas aos tamanhos de fonte em Usar tamanhos de fonte legíveis.

Tocar elementos muito próximos

Este relatório mostra os URLs dos sites em que elementos de toque, como botões e links de navegação, ficam tão próximos um do outro que o usuário de dispositivo móvel não consegue tocar facilmente no elemento desejado sem tocar também em um elemento vizinho. Para corrigir esses erros, garanta o dimensionamento e o espaçamento correto dos botões e links de navegação para que sejam adequados aos usuários de dispositivos móveis. Leia mais sobre como dimensionar pontos de toque adequadamente.