Qualidade de design
Analise o seu site em larguras de celular, tablet e desktop em busca de problemas de layout, contraste e rotulagem, e compare cada análise com uma linha de base aceita.
Esta página foi traduzida do inglês. Se houver qualquer diferença, vale a versão em inglês. Ler em inglês
O Atlas abre o seu site de Development em um navegador real com 375, 768 e 1440 pixels de largura, encontra problemas de design e dá a cada análise uma nota de 0 a 100. Ele também compara capturas de tela com uma linha de base que você aceita, para que mudanças visuais inesperadas se destaquem.
Execute uma análise
Seção intitulada “Execute uma análise”-
Abra Search & health → Website health e a aba Design quality.
-
Clique em Scan website. O Atlas verifica até 5 páginas. Se aparecer No Development website address, adicione-o primeiro com Open settings.
-
Leia os resultados em Latest scan: Blockers, Warnings, Pages e Changed from baseline. Escolha uma Screen width e uma Page para ver os problemas daquela página.
-
Compare Baseline e This scan lado a lado. Cada problema vem com uma Suggested fix (not applied automatically).
-
Quando uma análise parecer correta, clique em Accept as baseline. As próximas análises serão comparadas com ela.
O que ele verifica
Seção intitulada “O que ele verifica”- Conteúdo mais largo que a tela, texto cortado e elementos sobrepostos.
- Alvos de toque pequenos demais em celulares.
- Texto com contraste insuficiente.
- Botões, links e campos sem rótulo acessível.
Recent scans lista as análises anteriores com a nota, o número de problemas e se são a linha de base.
Limites
Seção intitulada “Limites”- Uma análise por vez por ambiente, e até 6 análises por hora.
- Somente o site de Development.
- As correções são sugestões; o Atlas nunca altera o seu site.