Police trop petite
Corps du texte au moins 16 px, petits caractères au moins 12 px.
Ce que c’est
La taille de la police détermine la lisibilité. Un texte inférieur à environ 12 px est difficile à lire sur mobile et oblige l’utilisateur à zoomer ou à plisser les yeux.
Pourquoi c’est important
Les textes difficiles à lire augmentent la fatigue et le taux de rebond et nuisent à l'accessibilité. Google signale un « texte trop petit » lors du test d'utilisabilité mobile. Une lecture confortable est la base d’une bonne UX.
Comment faire
- 1Définissez le corps du texte du site sur 16 px (1rem) ou plus.
- 2Conservez les petits caractères (légendes, notes) à un minimum de 12 px.
- 3Ajustez les tailles relativement (rem) à partir de la taille de base, non fixée en pixels.
- 4Testez la lisibilité sur un vrai téléphone, pas seulement sur un grand écran.
Taille de police de base
corps { font-size: 16px; line-height: 1.6; }
.small { font-size: 0.875rem; } /* 14px */Conclusion
La lisibilité est fondamentale : 16 px pour le corps du texte est la norme actuelle et vous ne devriez pas descendre en dessous de 12 px. Travaillez in rem à partir de la taille de base pour que tout évolue de manière cohérente. Un changement peu coûteux avec un gros impact sur le confort de lecture.
Sujets liés