Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung
Responsive
Quão grande deve ser o texto no smartphone?
Em uma tela que está na mão, o tamanho da fonte decide se um texto é lido ou apagado. O Google recomenda pelo menos 16 pixels para texto de fluxo e desvaloriza páginas cujo texto permanece abaixo de 12 pixels — o leitor teria que ampliar e muitos não. A área de teste Responsive mede cada nó de texto visível nos perfis do dispositivo móvel e conta quantos deles estão abaixo de 12 pixels. O achado menciona o número, o menor tamanho encontrado e um elemento de exemplo.
O que é medido e o que não é
O smartphone perfis com 390 e 320 pixels de largura, como o navegador realmente exibe a página – com todos os estilos, consultas de mídia e fatores de ampliação. Um nó de texto conta quando está visível e contém pelo menos três caracteres. Posições altas e baixas, elementos dobrados, áreas ocultas e tudo dentro de scripts permanecem fora; Não são livros. O resultado é uma linha de verificação por perfil: passado se nenhum texto for inferior a 12 pixels, caso contrário passado com o número de passagens de texto, o menor tamanho e o elemento em que foi encontrado. Como qualquer verificação responsiva, este também é medido duas vezes; o menor dos dois valores conta.
De onde vem muito pouco escrito
Raramente é a escrita básica muito pequena — São geralmente textos secundários: legendas, rodapés, avisos jurídicos, etiquetas em forma, preços em azulejos. Eles são projetados na mesa, onde 11 pixels parecem legíveis, e não mais ajustados no telefone. Assim como muitas vezes são escalas em percentagem ou em, que se multiplicam por vários níveis: 80 por cento de 80 por cento da fonte básica produz 10 pixels no final. A correção é um limite inferior nas especificações de estilo para larguras móveis — 12 pixels como piso, 16 para o texto de fluxo — e a omissão de tamanhos relativos aninhados. Se você quiser manter os textos secundários pequenos, use cor e distância, não o tamanho.
- Nas especificações de estilo para larguras móveis, defina um limite inferior de 12 pixels e 16 pixels para o texto de fluxo.
- Verifique rodapés, legendas, etiquetas de formulários e peças — é aí que a pequena fonte quase sempre senta.
- Evite tamanhos relativos aninhados (percentagem, em) que encolhem em vários níveis; rem sempre se refere à escrita básica.
- Veja a página em um telefone real, não apenas na janela do navegador escalonado.
