80 % du contenu d'un site est du texte. Pourtant, la typographie est souvent traitée comme un détail de finition. Voici les erreurs les plus fréquentes que nous corrigeons lors de nos audits — et comment les éviter.
1. Une mesure de ligne trop large
La "mesure" désigne la largeur d'une ligne de texte. Au-delà de 75 caractères, l'œil perd son point d'accroche au retour à la ligne. Le web offre trop de liberté ici : un paragraphe en pleine page sur grand écran peut facilement dépasser 120 caractères.
La règle : contraindre les blocs de texte courant à max-width: 65ch. Simple, efficace, universel.
2. Un interligne trop serré sur les titres
Les navigateurs appliquent par défaut un line-height de 1.2 sur les titres. C'est correct pour un titre court — catastrophique pour un titre de 3 lignes sur mobile où les ascendants et descendants se touchent.
Notre base : 1.1 pour les très grands titres serif, 1.25 pour les titres moyens, 1.6 pour le corps de texte.
3. Trop de corps de texte en semi-gras
Le font-weight: 500 dans un corps de texte fatigue la lecture. Il doit servir à faire ressortir un mot clé, pas à uniformiser le ton. Le corps doit être à 400. Le contraste typographique vient de la hiérarchie, pas du poids.
4. Des couleurs de texte trop claires
Pour des raisons esthétiques (le gris doux, le texte "subtil"), on voit souvent des contrastes insuffisants. Le WCAG AA exige un ratio de 4.5:1 pour du texte normal. Un gris à #9ca3af sur fond blanc est à 2.5:1 — illisible pour une partie des utilisateurs.
5. Mélanger plus de deux familles typographiques
Un serif pour les titres, un sans-serif pour le corps : c'est le duo classique et il fonctionne. Ajouter une troisième famille "pour les citations" ou "pour les labels" crée une fragmentation visuelle qui dilue l'identité du site.
Quand on veut de la variation, on joue sur le poids, la taille et le case — pas sur les familles.
Une idée à creuser ensemble ?
On adore parler design, produit et stratégie. Écrivez-nous, on vous répond sous 24 h.