Échec de la connexion. Veuillez réessayer.

Aller au contenu
SEO Tools
Aide et documentation
UX / UI Impact élevé Facile 15 à 30 minutes

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

  1. 1Définissez le corps du texte du site sur 16 px (1rem) ou plus.
  2. 2Conservez les petits caractères (légendes, notes) à un minimum de 12 px.
  3. 3Ajustez les tailles relativement (rem) à partir de la taille de base, non fixée en pixels.
  4. 4Testez la lisibilité sur un vrai téléphone, pas seulement sur un grand écran.

Taille de police de base

Correct
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