De nombreux moteurs de recherche classent les pages en fonction de leur compatibilité avec les mobiles. Les tailles de police inférieures à 12 pixels sont souvent difficiles à lire sur les appareils mobiles et peuvent obliger les utilisateurs à zoomer pour afficher le texte dans une taille de lecture confortable.
Échec de l'audit de la taille de police Lighthouse
Lighthouse signale les pages dont la taille de police est trop petite pour être lue facilement sur mobile :
Lighthouse signale les pages dont 40 % ou plus du texte a une taille de police inférieure à 12 px. Lorsqu'une page échoue à l'audit, Lighthouse liste les résultats dans un tableau à quatre colonnes :
| Source | Emplacement source de l'ensemble de règles CSS à l'origine du texte illisible. |
| Sélecteur | Sélecteur du jeu de règles. |
| % du texte de la page | Pourcentage de texte sur la page concerné par l'ensemble de règles. |
| Taille de la police | Taille calculée du texte. |
Corriger les polices illisibles
Vérifiez la taille des polices dans votre CSS. Essayez d'utiliser une taille de police d'au moins 12 pixels sur au moins 60 % du texte de votre page.
Résoudre le problème de configuration de fenêtre d'affichage manquante
Si Lighthouse signale Text is illegible because of a missing viewport config, ajoutez une balise <meta name="viewport" content="width=device-width, initial-scale=1"> au <head> de votre document.
Pour en savoir plus, consultez l'article Aucune balise <meta name="viewport"> ayant l'attribut width ou initial-scale n'est configurée.
Ressources
Code source de l'audit Les tailles de police utilisées dans le document ne sont pas lisibles