Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung
Responsive
Combien doit être grand texte sur le smartphone au moins?
Sur un écran qui est dans la main, la taille de la police décide si un texte est lu ou effacé. Google recommande au moins 16 pixels pour le texte en flux et dévalue les pages dont le texte reste en dessous de 12 pixels — le lecteur devrait alors zoomer, et beaucoup ne le font pas. La zone de test Responsive mesure chaque nœud de texte visible sur les profils des appareils mobiles et compte combien d'entre eux sont en dessous de 12 pixels. La constatation mentionne le nombre, la plus petite taille trouvée et un élément d'exemple.
Ce qui est mesuré et ce qui n'est pas
Les profils smartphone avec 390 et 320 pixels de largeur, comme le navigateur affiche réellement la page - avec tous les styles, les requêtes médias et les facteurs de grossissement. Un nœud texte compte lorsqu'il est visible et contient au moins trois caractères. Des positions élevées et basses, des éléments repliés, des zones cachées et tout ce qui est dans les scripts restent à l'extérieur; Ce n'est pas un manuel. Le résultat est une ligne de contrôle par profil: passé si aucun texte n'est inférieur à 12 pixels, autrement passé avec le nombre de passages de texte, la plus petite taille et l'élément auquel il a été trouvé. Comme tout contrôle réactif, il est également mesuré deux fois; la plus petite des deux valeurs compte.
D'où vient trop peu d'écriture
Rarement l'écriture de base est trop petite — Ce sont généralement des textes secondaires: légendes, pied de page, mentions légales, étiquettes sous forme, prix en carreaux. Ils sont conçus au bureau, où 11 pixels apparaissent lisibles, et ne sont plus ajustés au téléphone. Tout comme souvent sont les échelles en pourcentage ou em, qui se multiplient sur plusieurs niveaux: 80 pour cent de 80 pour cent de la police de base donne 10 pixels à la fin. La correction est une limite inférieure dans les spécifications de style pour les largeurs mobiles — 12 pixels comme plancher, 16 pour le texte de flux — et l'omission des tailles relatives imbriquées. Si vous voulez garder des textes secondaires petits, utilisez la couleur et la distance, pas la taille.
- Dans les spécifications de style pour les largeurs mobiles, fixer une limite inférieure de 12 pixels et 16 pixels pour le texte de flux.
- Vérifiez les pied de page, les légendes, les étiquettes de forme, et les carreaux — qui est où la petite police se trouve presque toujours.
- Évitez les tailles relatives imbriquées (pourcentage, em) qui se rétrécissent à plusieurs niveaux; rem se réfère toujours à l'écriture de base.
- Voir la page sur un vrai téléphone, pas seulement dans la fenêtre du navigateur réduit.
