Le Web universel

2.0 Le mot

La lisibilité au niveau du mot pour la lecture à l'écran — casse, espacement, mesure, hiérarchie et écriture claire — fondée sur la compréhension moderne de la façon dont les yeux et l'esprit lisent réellement.

8 min read

Cette page a été traduite avec l'aide d'une IA. L'original en anglais fait foi.

La section 1.0 traitait de la lisibilité des formes — la possibilité de résoudre des lettres individuelles. Cette section monte d'un niveau, vers le confort de lecture : la possibilité de lire des mots, des lignes et des passages avec aisance, vitesse et compréhension. La distinction importe, car une page peut passer tous les tests de dessin de lettres et épuiser néanmoins son lecteur par un espacement étriqué, des lignes marathon, une hiérarchie plate ou une prose qui cache son propos. La lisibilité des formes est une propriété du caractère ; le confort de lecture est une propriété de l'expérience de lecture tout entière, et c'est là que se produisent la plupart des échecs réels.

L'édition 2005 organisait bien ce territoire — casse, espacement, mesure, hiérarchie, qualité d'écriture — et ses conseils pratiques demandent moins de révision que sa théorie. Ce qui a le plus changé, c'est notre image du processus de lecture lui-même, et cette image mérite d'être exposée parce qu'elle explique pourquoi les règles pratiques fonctionnent.

Ce qui a changé depuis 2005

En 2005, une grande partie des conseils typographiques reposait sur le modèle de la silhouette des mots : l'idée que les lecteurs exercés reconnaissent les mots à leur contour global — le motif d'ascendantes et de descendantes formant une « forme de Bouma ». Ce modèle a été supplanté. Le consensus des sciences de la lecture, défendu de façon influente dans la revue de littérature psychologique publiée par Kevin Larson en 2004 et renforcé par deux décennies de travaux ultérieurs, est la reconnaissance parallèle des lettres : les lecteurs identifient simultanément les lettres composant un mot, et la reconnaissance du mot se construit à partir de cette évidence au niveau des lettres. La silhouette du mot contribue peu ; l'identité des lettres contribue presque à tout. Le chapitre 2.1 en tire en détail les conséquences pour la casse.

La mécanique des mouvements oculaires, en revanche, était déjà bien établie et n'a fait que se confirmer. La lecture n'est pas un balayage continu. Les yeux se déplacent par sauts rapides — les saccades — séparés par de brefs arrêts — les fixations — d'environ un cinquième à un quart de seconde, pendant lesquels se produit la quasi-totalité de la prise d'information visuelle. Seule une petite région centrale de chaque fixation (la fovéa) livre du détail net ; une zone environnante plus large fournit une information d'aperçu grossière qui aide les yeux à planifier le saut suivant. Les lecteurs exercés captent plusieurs lettres à droite de la fixation, sautent les mots courts prévisibles et bondissent occasionnellement en arrière (les régressions) quand la compréhension trébuche.

Ce modèle fait passer les règles typographiques du folklore à l'ingénierie. Les longueurs de ligne confortables fonctionnent parce que le balayage de retour, de la fin d'une ligne au début de la suivante, est la saccade la plus longue et la plus sujette aux erreurs de toute la page. Un interlignage adéquat fonctionne parce qu'il empêche ce balayage de retour d'atterrir sur la mauvaise ligne. La régularité de l'espacement des mots compte parce que les espaces entre les mots sont les repères sur lesquels se guide la planification des saccades. Le fer à gauche l'emporte sur le justifié parce que la justification redistribue ces repères de manière inégale, injectant des lézardes d'espacement irrégulier qui perturbent le ciblage des saccades — un coût réel pour tous les lecteurs et un coût sévère pour les lecteurs dyslexiques ou malvoyants.

Une phrase dont seules sept à neuf lettres sont nettes au point de fixation — la fovéa — tandis que la parafovéa fournit un aperçu grossier pour la saccade suivante.

Espacement, mesure et chiffres mis à jour

Les conseils de la Version 1 survivent, moyennant ajustements.

  • Espacement des mots. Gardez-le régulier ; évitez la justification intégrale sur le web, où les moteurs de césure et de justification restent rudimentaires. Si la justification s'impose, activez la césure et vérifiez le résultat aux largeurs étroites.
  • Espacement des lettres. La suggestion de 2005 d'augmenter légèrement l'approche tient pour les petits corps et pour les capitales, mais les polices de labeur modernes, aux corps de texte, sont correctement espacées par leurs dessinateurs — l'exigence la plus importante est la tolérance : le critère Espacement du texte des WCAG 2.2 (1.4.12) exige que le contenu survive aux augmentations d'espacement des lettres, des mots, des lignes et des paragraphes appliquées par l'utilisateur. Concevez pour que ces réglages ne brisent pas les mises en page.
  • Interlignage. Environ 1,4 à 1,6 fois le corps pour le texte courant ; les lignes plus longues réclament le haut de la fourchette. Le point de référence des WCAG est un interlignage d'au moins 1,5 au sein des paragraphes.
  • Mesure. La cible de 55–65 caractères par ligne de 2005 reste un centre solide ; tout ce qui va d'environ 45 à 75 caractères se lit confortablement. Le raffinement moderne est l'adaptabilité : réglez la mesure en unités ch ou relatives au contenu pour qu'elle tienne à travers les fenêtres d'affichage, et rappelez-vous qu'au zoom 200 % (WCAG 1.4.4) et en conditions de redistribution (1.4.10), votre mesure doit se dégrader avec grâce plutôt que s'effondrer.

La hiérarchie et la forme de l'information

La hiérarchie typographique mérite sa place dans un chapitre sur le confort de lecture parce que les saccades ne se limitent pas aux phrases — les lecteurs naviguent dans les pages de la même façon, en échantillonnant et en sautant. Un contraste net de corps et de graisse entre niveaux de titres, un usage honnête des éléments de titre sémantiques (qui servent aussi de squelette de navigation aux utilisateurs de lecteurs d'écran) et un espace généreux au-dessus des titres réduisent tous le coût de la recherche de ses repères. Placez en tête des titres et des liens leurs mots distinctifs : les lecteurs — et en particulier les utilisateurs de lecteurs d'écran qui parcourent une liste de titres ou de liens — décident sur les deux ou trois premiers mots.

Les conventions d'alinéa et d'espacement héritées de l'imprimé rendent encore service : indentez les paragraphes ou espacez-les, mais pas les deux, et gardez le signal cohérent pour que l'œil du lecteur ne l'apprenne qu'une fois.

L'écriture comme typographie

Le chapitre de 2005 se terminait sur la qualité de l'écriture, à juste titre — aucun réglage typographique ne sauve une prose que le lecteur ne peut pas analyser. Les années écoulées ont institutionnalisé ce point. La pratique du langage clair est désormais codifiée dans des normes et des mandats gouvernementaux dans plusieurs pays, et les brouillons des WCAG 3.0 traitent la clarté de la langue comme une dimension d'accessibilité à part entière. Les règles de travail restent celles que l'original citait en esprit : préférer les mots courants, les phrases courtes, les constructions actives ; énoncer le propos avant le développement ; couper ce qui ne sert pas le lecteur. Les fixations s'allongent et les régressions se multiplient sur les mots rares et la syntaxe embrouillée — l'écriture claire est mesurablement plus facile à lire, pas seulement plus polie.

En CSS

p {
  max-width: 65ch;        /* measure, set in characters */
  text-align: left;       /* ragged right keeps word spacing even */
  text-wrap: pretty;      /* better rag, fewer orphans */
}

Recommandations

  • Traitez le confort de lecture comme un système : choix des caractères, espacement, mesure, hiérarchie et qualité de la prose échouent ou réussissent ensemble.
  • Gardez la mesure du texte courant entre 45 et 75 caractères, idéalement 55–65, et préservez-la de manière adaptative à travers le zoom et la redistribution.
  • Réglez l'interlignage à 1,4–1,6 fois le corps ; davantage pour les lignes plus longues.
  • Utilisez l'alignement au fer à gauche ; évitez la justification intégrale sur le web.
  • Assurez-vous que les mises en page survivent aux réglages d'espacement utilisateur au titre de WCAG 1.4.12.
  • Construisez la hiérarchie par le corps, la graisse et l'espace, sur une structure de titres sémantique ; placez les mots distinctifs en tête des titres et des liens.
  • Écrivez clairement : mots courants, phrases courtes, le propos d'abord.
  • Laissez le modèle de la lecture guider les arbitrages — tout ce qui rend les cibles des saccades plus prévisibles et les lettres plus faciles à identifier travaille avec le lecteur, pas contre lui.

Pour aller plus loin