Cette page a été traduite avec l'aide d'une IA. L'original en anglais fait foi.
L'approche — letter-spacing, en termes CSS — est l'ajustement uniforme de l'espace entre tous les caractères d'un passage de texte, par opposition au crénage, qui ajuste des paires individuelles. L'édition 2005 de ce chapitre recommandait une augmentation modeste de l'espacement des lettres pour les blocs de texte à l'écran, au motif que le rendu grossier en pixels tassait les lettres et qu'un peu d'air supplémentaire aidait. Ce conseil était le produit de son environnement de rendu, et il ne tient plus comme règle générale. La position mise à jour est plus conditionnelle : l'approche est un outil dépendant du corps, qui aide aux extrémités de l'échelle typographique et nuit généralement au milieu, là où vit le texte courant.
Ce qui a changé depuis 2005
Trois choses ont renversé la recommandation originale. D'abord, le rendu s'est amélioré. En 2005, les polices d'écran étaient optimisées pour une grille grossière et l'espacement des lettres ne pouvait s'ajuster que par incréments de pixels entiers — le texte original notait explicitement cette contrainte. Le positionnement sous-pixel, les écrans haute densité et les valeurs CSS fractionnaires (letter-spacing: 0.01em est parfaitement légal) ont supprimé à la fois le problème de tassement et la restriction aux entiers. Les polices de labeur conçues pour l'écran reposent désormais sur leur espacement prévu, et la raison qu'avait le designer de les aérer s'est largement évaporée.
Ensuite, le tableau de la recherche a mûri — et il est devenu moins net. Les études sur l'augmentation de l'espacement des lettres pour les lecteurs dyslexiques ont attiré une large attention au début des années 2010, certaines rapportant des gains significatifs de vitesse et de précision de lecture chez les enfants. Mais les travaux ultérieurs ont été mitigés : les effets varient selon le lecteur, la police, la langue, et la manière dont l'approche interagit avec l'espacement des mots. Pour les lecteurs malvoyants, les preuves sont tout aussi équivoques — un espacement supplémentaire peut réduire l'encombrement perceptif (un phénomène bien réel en vision périphérique et à faible acuité), mais il allonge aussi les lignes et écarte les mots, ce qui a ses propres coûts. Le résumé honnête en 2026 : un espacement accru aide certains lecteurs dans certaines conditions, et il n'existe pas de réglage universel qui profite à tous. Cela plaide contre l'inscription d'un compromis dans la feuille de style, et pour la garantie que les lecteurs puissent appliquer le leur.
Enfin, c'est exactement ce que les WCAG ont formalisé. Le critère de succès 1.4.12 Espacement du texte (niveau AA dans les WCAG 2.1 et 2.2) exige que le contenu tolère un espacement des lettres appliqué par l'utilisateur de 0,12 fois le corps — avec un espacement des mots de 0,16 em et un interlignage de 1,5 — sans perte de contenu ni de fonctionnalité. L'obligation du designer n'est pas de choisir l'approche parfaite ; c'est de construire des mises en page qui survivent quand le lecteur choisit la sienne.
L'approche dépend du corps
Le principe le plus durable de ce chapitre est que l'approche appropriée varie en raison inverse du corps. Les dessinateurs de caractères espacent leurs polices pour une plage de corps cible ; quand vous composez un texte loin en dehors de cette plage, l'espacement demande une correction.
Aux petits corps — légendes, notes de bas de page, étiquettes de données, microtextes d'interface — les lettres se tassent perceptivement même quand elles sont métriquement correctes, et une petite approche positive (de l'ordre d'un ou deux centièmes d'em) améliore réellement la lisibilité. Les compositions en capitales et en petites capitales sont le cas le plus fort : les capitales ont été dessinées pour commencer des mots en bas de casse, pas pour siéger côte à côte, et les étiquettes tout en capitales gagnent presque toujours à une approche ouverte, souvent de cinq à dix centièmes d'em.
Aux corps de texte, l'espacement par défaut est l'intention du dessinateur, et s'en écarter est généralement une perte. Une approche positive affaiblit la silhouette des mots — l'enveloppe « bouma » que les lecteurs utilisent pour la reconnaissance rapide des mots — et dilue le contraste entre espace des lettres et espace des mots qui signale les frontières de mots. Une approche négative aux corps de texte est pire encore : elle réintroduit l'encombrement qui nuit le plus aux lecteurs malvoyants.
Aux corps d'affichage, la correction s'inverse : les grands titres paraissent souvent lâches à l'espacement par défaut, parce que les métriques ont été réglées pour des corps plus petits, et une légère approche négative les resserre. C'est un raffinement, non une exigence, et il ne doit jamais s'appliquer à un texte qu'un utilisateur pourrait agrandir jusqu'à en faire du texte de lecture courante.
Polices variables contre approche mécanique
L'approche mécanique — insérer un espace uniforme entre des glyphes dessinés pour un autre rythme — est toujours un compromis. Les polices variables offrent mieux. Les caractères dotés d'un axe de taille optique changent leur dessin réel selon le corps : les petites tailles optiques portent un espacement plus large, des traits plus robustes et de plus grandes hauteurs d'x, tandis que les tailles d'affichage se resserrent et s'affinent. Les navigateurs l'appliquent automatiquement via font-optical-sizing: auto quand l'axe existe. Là où une police variable fournit la taille optique (ou, plus rarement, un axe dédié de grade ou d'espacement), préférez-la à un letter-spacing manuel : le dessinateur a résolu l'espacement par corps de manière holistique plutôt que par un rembourrage uniforme. L'approche mécanique reste le recours pour les polices statiques et pour les conventions, comme les étiquettes tout en capitales, qu'aucun axe ne couvre.
Précautions pratiques
Spécifiez toujours letter-spacing en unités em afin qu'il suive le corps de la police ; une valeur en pixels, subtile à 16px, devient destructrice quand l'utilisateur zoome ou agrandit le texte. Rappelez-vous qu'une approche ajoutée neutralise de fait les paires de crénage — une raison de plus de garder des valeurs faibles. Et testez chaque composant avec les valeurs de réglage de 1.4.12 : les étiquettes de navigation espacées dans des conteneurs à largeur fixe sont un endroit courant où le texte se tronque ou se replie de manière destructrice quand un lecteur ajoute ses propres 0,12 em.
En CSS
p { letter-spacing: normal; } /* body text: hands off */
.caps-label { letter-spacing: 0.08em; } /* open short caps runs */
/* Must survive the WCAG 1.4.12 user override without breaking:
letter-spacing: 0.12em applied to all text */Recommandations
- N'appliquez pas d'approche au texte courant ; l'espacement par défaut de la police est la bonne valeur par défaut.
- Ajoutez une approche positive modeste (environ 0,01–0,02 em) aux très petits textes, et davantage (environ 0,05–0,1 em) aux étiquettes en capitales ou en petites capitales.
- N'appliquez une légère approche négative qu'aux grands corps d'affichage, et seulement après avoir vérifié le résultat aux tailles agrandies par l'utilisateur.
- Préférez les polices variables dotées d'un axe de taille optique à l'approche mécanique ; activez font-optical-sizing.
- Spécifiez toute valeur de letter-spacing en em, jamais en pixels.
- Vérifiez qu'aucun texte n'est tronqué, ne se chevauche ni ne perd de fonctionnalité quand les utilisateurs appliquent les réglages d'espacement de WCAG 1.4.12.
- Traitez la personnalisation de l'espacement comme la prérogative du lecteur : construisez de la tolérance, pas une unique valeur d'approche « accessible ».