Ouvrez un site web sur votre téléphone, plissez les yeux, puis fermez la page au bout de trois secondes. Ce scénario concerne une part massive des internautes, et la typographie en est souvent la cause directe. Le choix du type de polices conditionne la lisibilité d’un texte bien avant les questions de couleur ou de mise en page. Comprendre ce qui rend une police accessible, c’est agir sur le premier filtre entre votre contenu et son lecteur.
Ce que vos lettres racontent aux yeux avant le cerveau
Avant même de lire un mot, l’œil analyse la forme des caractères. Il distingue un « b » d’un « d » grâce à des indices visuels précis : l’ouverture des lettres, la hauteur de la partie centrale (appelée hauteur d’x) et l’espace entre chaque signe.
Quand ces indices sont faibles, la lecture ralentit pour tout le monde. Pour une personne dyslexique, malvoyante ou fatiguée, elle peut simplement s’arrêter.
Vous avez déjà confondu un « I » majuscule avec un « l » minuscule en recopiant un code Wi-Fi ? Ce problème de distinction entre caractères s’appelle l’ambiguïté glyphique. Une police accessible le résout en donnant à chaque lettre une silhouette unique.
Les lettres les plus souvent confondues sont I, l, 1, O et 0. Si votre police ne les différencie pas nettement, elle échouera sur ce critère fondamental, quel que soit son esthétisme.
Polices sans-serif ou serif : un faux débat pour l’accessibilité
Les guides d’accessibilité recommandent généralement les polices sans-serif (sans empattements) à l’écran. Arial, Verdana, Helvetica figurent dans la plupart des listes de référence. Cette préférence repose sur des bases solides, mais la catégorie d’une police ne détermine pas à elle seule sa lisibilité.
Une police serif bien dessinée, avec des empattements fins et un bon espacement, peut être parfaitement lisible sur écran. À l’inverse, une sans-serif condensée avec des lettres étroites posera des problèmes réels.
Ce qui compte davantage que la famille de police
Plutôt que de choisir entre serif et sans-serif, examinez ces caractéristiques concrètes :
- La largeur des caractères : des lettres trop étroites fatiguent la lecture, surtout sur petit écran. Préférez une police à chasse moyenne ou large.
- La hauteur d’x élevée : plus la partie centrale des lettres minuscules est haute par rapport aux ascendantes, plus le texte reste lisible en petite taille.
- L’ouverture des formes : les lettres « c », « e », « a » doivent avoir des ouvertures franches pour ne pas se confondre entre elles.
- L’espacement naturel entre les lettres : un espacement régulier et suffisant réduit l’effort cognitif de décodage.
Des polices comme Verdana ou Atkinson Hyperlegible ont été conçues en intégrant ces paramètres dès le départ. Atkinson Hyperlegible pousse la différenciation des caractères ambigus à un niveau que peu de polices standard atteignent.
Taille, interligne et espacement : les réglages qui changent tout
Choisir la bonne police ne suffit pas si elle est affichée en trop petit, collée ligne contre ligne. La lisibilité dépend autant du contexte typographique que de la police elle-même.
Taille de police et unités CSS
Le RGAA et les WCAG ne fixent pas de taille minimale en pixels. La logique des standards récents repose sur la résilience : le texte doit rester lisible après un agrandissement à 200 % et après modification des espacements par l’utilisateur.
Cela implique un choix technique souvent négligé. Si vous définissez vos tailles en pixels fixes (px), le texte ignorera la préférence de taille par défaut du navigateur. Utiliser des unités relatives (rem ou em) garantit le respect des réglages utilisateur. Les unités relatives permettent aussi au texte de s’adapter aux paramètres d’accessibilité définis au niveau du système d’exploitation.
Interligne et alignement
Un interligne de 1.5 fois la taille du texte courant constitue le seuil de confort généralement recommandé. En dessous, les lignes se chevauchent visuellement pour les lecteurs en difficulté.
L’alignement à gauche reste préférable au texte justifié. La justification crée des espaces irréguliers entre les mots, parfois appelés « rivières blanches », qui perturbent le suivi de la ligne. Pour les personnes dyslexiques, ces irrégularités déstabilisent la lecture au point de provoquer des sauts de ligne involontaires.
WCAG 3.0 et typographie : ce qui change dans les critères d’accessibilité
Les standards évoluent. WCAG 3.0 introduit explicitement des critères sur le choix de la police (typeface), la taille, la largeur des caractères, l’espacement des lettres, la gestion des majuscules et la césure en fin de ligne.
La typographie passe du statut de recommandation esthétique à celui de critère d’accessibilité mesurable. Ce changement signale que les audits futurs iront bien au-delà du simple contraste de couleur.
Concrètement, un site qui utilise du texte entièrement en majuscules pour ses titres, une police décorative pour ses boutons d’action ou des césures automatiques mal gérées pourrait ne plus satisfaire les prochains standards.
Tester au-delà du zoom navigateur
La plupart des vérifications d’accessibilité typographique se limitent à un test de zoom à 200 %. Les guides récents insistent sur un second test : modifier la taille de police par défaut du navigateur et observer si le site s’adapte. Du texte défini en unités fixes ou liées au viewport peut ignorer complètement cette préférence utilisateur.
Polices pour la dyslexie : promesses et limites réelles
Des polices comme OpenDyslexic ou Sylexiad ont été créées spécifiquement pour les lecteurs dyslexiques, avec des bases de lettres plus lourdes et des formes asymétriques censées réduire la confusion.
Leur efficacité réelle fait débat. Certains utilisateurs les trouvent plus confortables, d’autres ne perçoivent aucune différence. Ce qui fait consensus, c’est que l’espacement accru entre les lettres et les mots aide davantage que la forme de la police seule.
Plutôt que d’imposer une police « dyslexie » à tous vos visiteurs, une approche plus efficace consiste à :
- Choisir une police standard avec une bonne différenciation des caractères (Verdana, Atkinson Hyperlegible).
- Offrir un espacement généreux par défaut entre les lettres, les mots et les lignes.
- Permettre à l’utilisateur de modifier ces paramètres via les réglages du navigateur, en utilisant des unités relatives dans votre CSS.
Cette approche respecte la diversité des besoins sans enfermer les lecteurs dans un choix unique.
Le type de polices que vous sélectionnez pour vos textes web n’est pas une décision cosmétique. C’est un choix d’architecture qui détermine qui peut lire votre contenu et qui en est exclu. Avec l’arrivée de critères typographiques explicites dans WCAG 3.0, les sites qui négligent leur typographie accumulent une dette d’accessibilité qui sera de plus en plus coûteuse à corriger.
