Cette page a été traduite avec l'aide d'une IA. L'original en anglais fait foi.
L'espace entre les lignes de texte — le blanc de ligne en imprimerie, line-height en CSS — compte parmi les réglages les plus lourds de conséquences de la typographie d'écran. Son rôle est navigationnel : un blanc suffisant entre les lignes permet à l'œil d'achever une ligne, d'exécuter le long balayage de retour vers la marge gauche et d'atterrir sur la bonne ligne suivante, au lieu de relire la ligne en cours ou de sauter plus loin. L'édition de 2005 recommandait environ 140 % du corps du texte, en notant que les valeurs par défaut des navigateurs, de 100 à 120 %, étaient trop serrées, en particulier pour les lecteurs malvoyants. Cette recommandation a bien vieilli ; si quelque chose a changé, c'est que la pratique et les normes l'ont légèrement dépassée.
Ce qui a changé depuis 2005
Le chiffre initial d'environ 1,4 était en avance sur son temps et se situe désormais à l'extrémité prudente de la pratique courante. En 2026, le texte courant des sites bien composés se situe généralement entre 1,4 et 1,6, et le plancher d'accessibilité a été formalisé : le critère de succès 1.4.12 Espacement du texte des WCAG (niveau AA) exige que le contenu supporte un interlignage appliqué par l'utilisateur de 1,5 fois le corps du texte sans perte de contenu ni de fonctionnalité, et le plus ancien critère 1.4.8 Présentation visuelle (niveau AAA) demande d'emblée un interlignage d'au moins 1,5 au sein des paragraphes. La lecture pratique : 1,5 n'est pas une aspiration, c'est la valeur que votre mise en page doit au minimum tolérer — et pour la plupart des compositions de texte courant, c'est tout simplement une bonne valeur par défaut.
Le deuxième changement porte sur la manière de spécifier l'interlignage. En 2005, les designers réglaient l'interlignage en pixels ou en pourcentages. La pratique CSS moderne est catégorique : utilisez des valeurs sans unité (line-height: 1.5, et non 24px ou 150%). La distinction importe à cause de l'héritage. Une valeur sans unité est héritée comme un ratio et recalculée par rapport au corps propre de chaque élément ; une valeur en pixels ou en pourcentage est calculée une fois et héritée comme une longueur fixe. Réglez line-height: 24px sur le corps d'une page, et un titre imbriqué à 32px s'affichera avec des lignes qui se chevauchent. L'interlignage sans unité fait que toute la cascade s'ajuste correctement — et c'est aussi ce qui préserve les mises en page lorsque les utilisateurs agrandissent le texte.
Troisièmement, les mises en page elles-mêmes ont changé. Les conteneurs de texte à hauteur fixe étaient courants en 2005 et sont la principale victime de l'exigence 1.4.12 : une boîte dimensionnée pour exactement trois lignes de texte à un interlignage de 1,3 tronquera son contenu lorsqu'un lecteur imposera 1,5. Les conteneurs de texte doivent tirer leur taille de leur contenu, avec min-height lorsqu'un minimum est nécessaire, jamais avec une hauteur fixe.
Interlignage et mesure sont une seule décision
Le raffinement le plus important apporté au chapitre original est que l'interlignage ne peut pas être choisi isolément. L'interlignage et la longueur de ligne (la mesure) sont interdépendants, et le mécanisme en jeu est le balayage de retour. Sur une ligne courte, le retour de l'œil vers la gauche n'est qu'un petit saut et les erreurs de ciblage sont rares, si bien qu'un interlignage plus serré est tolérable. Sur une ligne longue, le balayage de retour est long et imprécis ; un interlignage généreux offre à l'œil une « piste d'atterrissage » plus large et rend le doublement — la relecture de la même ligne — beaucoup moins probable. C'est un résultat ancien de la recherche sur la lisibilité, observé depuis les études sur l'imprimé : l'interlignage acceptable croît avec la mesure.
En pratique : une note latérale de 45 caractères se lit confortablement à 1,4 ; une colonne d'article de 75 caractères réclame 1,6 ou davantage. Si une mise en page impose des lignes longues, compensez par l'interlignage. Mieux encore, limitez la mesure (l'objet du chapitre suivant) afin que l'interlignage puisse rester dans la zone médiane confortable.
La variabilité selon la police de caractères, notée dans l'original, reste d'actualité. L'interlignage est calculé à partir du corps de la police, mais ce que le lecteur perçoit est le canal blanc entre la masse visuelle d'une ligne et celle de la suivante — et cela dépend de la hauteur d'x, de la longueur des ascendantes et des descendantes, et de la graisse du trait. Une police à grande hauteur d'x comme Verdana remplit son cadratin plus complètement et paraît plus serrée, à interlignage égal, qu'une police à petite hauteur d'x au même réglage. Les caractères sombres, gras ou étroits demandent de même plus d'air. Jugez l'interlignage en regardant des paragraphes composés, pas en vous fiant à un nombre.
Les titres sont un cas à part
La recommandation 1,4–1,6 s'applique au texte courant continu. Les titres obéissent à la logique inverse : aux grands corps, un interlignage proportionnel laisse d'énormes vides entre les lignes repliées, coupant visuellement le titre de lui-même. Les titres sur plusieurs lignes se lisent mieux serrés — typiquement de 1,1 à 1,25, en s'approchant de 1,0 pour les très grands corps d'affichage. Comme l'interlignage sans unité s'hérite en tant que ratio, les styles de titres doivent définir explicitement leurs propres valeurs plus serrées plutôt que d'hériter de l'interlignage du texte courant. Les exigences d'espacement des WCAG concernent les blocs de texte, non les titres d'affichage, mais les titres ne doivent pas pour autant être tronqués lorsque les utilisateurs appliquent leurs propres réglages — une raison de plus d'éviter les conteneurs « héros » à hauteur fixe.
Deux remarques plus modestes. D'abord, les extrêmes nuisent dans les deux sens : l'avertissement de l'original sur l'interlignage excessif tient toujours, car des lignes flottant dans trop de blanc rendent la recherche de la ligne suivante plus difficile et fragmentent le paragraphe en tant qu'unité — au-delà d'environ 2,0, le texte courant commence à se déliter. Ensuite, les interfaces sont du texte, elles aussi : boutons, étiquettes de formulaires et navigation ont besoin d'un interlignage assez sain pour survivre au repli de ligne et aux réglages utilisateur, et l'habitude répandue de centrer un texte d'interface sur une seule ligne à l'aide d'astuces supposant qu'il ne se repliera jamais est un échec récurrent au regard de 1.4.12.
En CSS
body { line-height: 1.5; } /* unitless — scales with size */
h1, h2 { line-height: 1.15; } /* display sizes want less */
figcaption { line-height: 1.4; }
/* Longer measures need more leading: */
.wide-column { line-height: 1.6; }Recommandations
- Composez le texte courant avec un interlignage de 1,5 par défaut ; ajustez entre environ 1,4 et 1,7 selon la police et la mesure.
- Utilisez toujours des valeurs de line-height sans unité afin que le ratio s'hérite et s'ajuste correctement.
- Augmentez l'interlignage à mesure que la longueur de ligne croît ; les longues mesures ont besoin de plus d'air pour le balayage de retour.
- Resserrez les titres à environ 1,1–1,25, en définissant ces valeurs explicitement dans les styles de titres.
- Ne fixez jamais la hauteur des conteneurs qui contiennent du texte ; laissez le contenu déterminer la hauteur, avec min-height si nécessaire.
- Testez avec un réglage d'espacement du texte (interlignage de 1,5, selon WCAG 1.4.12) et à un zoom de 200 % pour vérifier que rien n'est tronqué ni ne se chevauche.
- Évaluez l'interlignage visuellement pour chaque police — la hauteur d'x et la graisse changent la façon dont un même nombre se lit.