Cette page a été traduite avec l'aide d'une IA. L'original en anglais fait foi.
La lisibilité commence par la lettre. Avant qu'un lecteur puisse reconnaître un mot, le système visuel doit résoudre des lettres individuelles — et chaque facteur qui rend une lettre plus facile ou plus difficile à résoudre se cumule au fil des milliers de fixations d'une session de lecture. Les recommandations originales identifiaient comme facteurs décisifs le style, la graisse, l'inclinaison, la largeur et l'espacement. Cette liste survit intacte. Ce qui a changé, c'est l'environnement dans lequel ces lettres sont dessinées, et le contrôle dont disposent désormais les designers sur chacun de ces facteurs.
Ce qui a changé depuis 2005
L'édition 2005 a été écrite pour des écrans où une lettre bas de casse au corps de texte occupait peut-être neuf ou dix pixels de hauteur. À cette résolution, la grille de pixels était la contrainte dominante : les traits s'alignaient sur des pixels entiers, les détails fins disparaissaient ou se muaient en bruit, et la technologie de rendu — anticrénelage sous-pixel comme ClearType sous Windows, anticrénelage en niveaux de gris ailleurs — déterminait l'apparence d'une lettre autant que son dessinateur. Le hinting, la pratique consistant à embarquer dans les fontes des instructions d'ajustement à la grille, faisait la différence entre une police de texte utilisable et une police inutilisable.
Les écrans haute densité ont changé l'arithmétique. À deux ou trois pixels physiques par pixel CSS, la même lettre est dessinée avec un budget de pixels quatre à neuf fois supérieur. L'anticrénelage en niveaux de gris à haute densité rend fidèlement les courbes, les traits fins et les vraies diagonales ; l'industrie a largement abandonné le rendu sous-pixel parce que la densité l'a rendu superflu. Un hinting agressif compte bien moins qu'autrefois — mais il compte encore sur les moniteurs de bureau et d'ordinateurs portables à densité standard qui restent courants, et c'est pourquoi les recommandations au niveau de la lettre ne peuvent pas encore supposer la haute densité partout.
Le second changement structurel, ce sont les polices variables. La graisse (wght), la largeur (wdth), la taille optique (opsz) et, dans certaines familles, le grade (GRAD) sont désormais des axes continus adressables depuis CSS. Les recommandations originales traitaient la graisse et la largeur d'une police comme des propriétés fixes à sélectionner ; ce sont désormais des paramètres à régler — y compris en réponse au corps, à la couleur de fond et aux préférences de l'utilisateur.
L'anatomie qui compte
La recherche sur la reconnaissance des lettres s'est affinée depuis 2005, et elle pointe avec constance vers un petit ensemble de traits structurels.
La hauteur d'x reste le prédicteur le plus fiable de la taille apparente et de la lisibilité aux petits corps. Deux polices au même corps nominal peuvent différer radicalement dans la taille à laquelle elles se lisent ; celle qui a la plus grande hauteur d'x paraît plus grande. C'est la raison d'être de la propriété CSS font-size-adjust — elle normalise les polices de substitution sur un ratio de hauteur d'x cible, afin qu'un échange entre polices ne rétrécisse pas silencieusement le texte.
Les ouvertures — les échancrures de lettres comme c, e, a et s — gouvernent la facilité avec laquelle les lettres se distinguent de leurs voisines fermées. Les polices aux ouvertures larges gardent le c distinct du o et le e distinct du a sous le flou de la basse vision ou aux petits corps de rendu ; les polices aux ouvertures fermées, repliées sur elles-mêmes, perdent ces distinctions en premier. Le dessin de caractères orienté lisibilité de ces deux dernières décennies s'est résolument tourné vers les ouvertures larges, et la recherche sur la basse vision conforte ce mouvement.
La distinction des lettres est le troisième pilier. Les paires confusibles — b/d, p/q, et surtout la capitale I, le l bas de casse et le chiffre 1 — sont là où la reconnaissance échoue en premier. L'édition originale citait Read Regular de Natascha Frensch comme police conçue pour différencier les lettres en miroir à l'intention des lecteurs dyslexiques ; cette direction de conception est depuis devenue courante, et le rapide test « Il1 » (composer les trois caractères côte à côte et vérifier qu'ils diffèrent) est désormais une étape de sélection standard pour toute police d'interface ou de labeur.
Le comportement du trait complète la liste. Une épaisseur de trait relativement régulière, un contraste modéré entre pleins et déliés et une largeur globale modérée survivent tous de 2005 — la modulation extrême comme la compression extrême détruisent les lettres sous le flou, lequel est un modèle honnête à la fois de la basse vision et des mauvaises conditions de lecture.
Graisse, inclinaison et largeur comme choix continus
Le conseil original — graisse normale à légèrement grasse, formes droites plutôt qu'inclinées, largeur modérée — tient toujours. La révision porte sur la manière de faire ces choix.
Avec un axe de graisse variable, « légèrement gras » n'est plus un saut de 400 à 700 ; ce peut être 450 ou 480, juste assez pour épaissir les traits sur un fond sombre ou à un petit corps sans fermer les contreformes. Les axes de taille optique, quand ils existent, font automatiquement ce pour quoi les dessinateurs de caractères taillaient jadis des corps distincts : aux petits corps, le dessin ouvre les ouvertures, desserre l'espacement et abaisse le contraste ; aux grands corps, il se resserre. Quand une police offre opsz, laissez-le agir — les navigateurs le font par défaut — car il encode précisément les ajustements aux petits corps que recommande ce chapitre.
L'inclinaison reste un coût de lisibilité pour le texte continu. L'italique sert l'emphase, pas les passages entiers ; les formes obliques (romain penché) sont pires que les vrais italiques, car elles déforment les lettres sans les redessiner.
L'espacement au niveau de la lettre
Le constat de 2005 selon lequel les caractères d'écran demandent un espacement des lettres et un interlignage plus généreux que l'imprimé était, en partie, un artefact de résolution — un espacement ample empêchait les lettres grossièrement pixellisées de fusionner. Mais ce n'était pas seulement cela. La recherche sur l'encombrement perceptif montre que des lettres trop tassées entravent la reconnaissance en vision périphérique et à faible acuité : les lecteurs malvoyants bénéficient donc réellement de réglages légèrement amples aux petits corps. Les WCAG 2.2 le reconnaissent du côté de l'utilisateur : le critère de succès 1.4.12 (Espacement du texte) exige que le contenu survive aux augmentations d'approche, d'espacement des mots et d'interlignage appliquées par l'utilisateur, sans perte. Une approche serrée comme signature stylistique convient aux corps d'affichage ; aux corps de texte, c'est une taxe imposée aux lecteurs qui ont le moins d'acuité à dépenser.
En CSS
/* Preserve letterform quality across fallbacks */
body {
font-family: "Source Sans 3", system-ui, sans-serif;
font-size-adjust: 0.5; /* match fallback x-height to the web font */
font-kerning: normal;
}Recommandations
- Sélectionnez les polices d'après leur structure, non leur classification : grande hauteur d'x, ouvertures larges, trait régulier, largeur modérée.
- Appliquez le test Il1 et vérifiez la distinction b/d/p/q avant d'adopter une police de labeur.
- Utilisez délibérément les axes des polices variables — de petits incréments de graisse selon le contexte, et laissez la taille optique (opsz) faire son travail aux petits corps.
- Gardez le texte continu droit ; réservez l'inclinaison à l'emphase.
- Réglez l'approche de neutre à légèrement ample aux corps de texte, et vérifiez que les mises en page survivent aux réglages d'espacement utilisateur de WCAG 1.4.12.
- Testez sur un écran à densité standard, pas seulement sur un écran haute densité ; la grille de pixels existe encore pour de nombreux lecteurs.