De nombreux moteurs de recherche classent les pages en fonction de leur adaptation aux mobiles. Les polices inférieures à 12 pixels sont souvent difficiles à lire sur les appareils mobiles et peuvent obliger les utilisateurs à faire un zoom avant pour afficher le texte dans une taille confortable.
Échec de l'audit de taille de police de Lighthouse
Lighthouse signale les pages dont la taille de police est trop petite pour être facilement lisible sur mobile:
Lighthouse signale les pages sur lesquelles au moins 40% du texte a une taille de police inférieure à 12 px. Lorsqu'une page échoue à l'audit, Lighthouse répertorie les résultats dans une table à quatre colonnes:
| Source | Emplacement source de l'ensemble de règles CSS à l'origine du texte illisible. |
| Sélecteur | Sélecteur de l'ensemble de règles. |
| % du texte de la page | Pourcentage de texte de la page concerné par le jeu de règles. |
| Taille de police | Taille calculée du texte. |
Corriger les polices illisibles
Vérifiez les tailles de police dans votre CSS. Utilisez une taille de police d'au moins 12 pixels pour au moins 60% du texte de votre page.
Corriger une configuration de fenêtre d'affichage manquante
Si Lighthouse indique Text is illegible because of a missing viewport config, ajoutez une balise <meta name="viewport" content="width=device-width, initial-scale=1"> à l'élément <head> de votre document.
Pour en savoir plus, consultez la section Ne comporte pas de balise <meta name="viewport"> avec width ou initial-scale.
Ressources
Le code source pour l'audit Le document n'utilise pas de tailles de police lisibles