Cette page a été traduite avec l'aide d'une IA. L'original en anglais fait foi.
La recommandation originale de 2005 était sans détour : composer le texte continu en lettres romaines droites, car les formes inclinées sont plus difficiles à résoudre pour les lecteurs malvoyants. Deux décennies d'améliorations du rendu à l'écran, d'affichages à plus haute résolution et de meilleures recherches ont affiné ce conseil sans le renverser. Le caractère droit reste le bon choix par défaut pour le texte courant. Ce qui a changé, c'est notre compréhension du pourquoi, et de la conduite à tenir lorsque les caractères inclinés sont réellement utiles.
L'inclinaison n'est pas une chose unique. Un vrai italique est un dessin distinct — souvent avec des constructions de lettres différentes (le a et le g à un seul étage, des attaques et des sorties cursives, des proportions plus étroites). Un oblique est le dessin droit incliné mécaniquement ou optiquement. Et une inclinaison synthétisée est ce que le logiciel fabrique quand aucun fichier italique n'est disponible : le navigateur cisaille latéralement les glyphes romains. Ces trois cas ont des profils de lisibilité très différents, et le texte de 2005 les traitait comme un seul.
Ce qui a changé depuis 2005
La version 1 recommandait d'éviter entièrement l'italique et de lui substituer le gras pour l'emphase. C'était un conseil raisonnable pour des écrans à 96 DPI rendant des bitmaps hintés, où les traits inclinés se crénelaient en marches d'escalier et où les formes de lettres se désagrégeaient littéralement. Sur les écrans modernes à haute densité, avec anticrénelage en sous-pixels et en niveaux de gris, un italique bien dessiné s'affiche proprement, et l'interdiction générale n'est plus justifiée pour les passages courts.
Le consensus actuel, reflété dans les recommandations des organisations au service des lecteurs malvoyants, est proportionné : éviter l'italique pour le texte continu — paragraphes, longues légendes, citations étendues — mais l'accepter dans ses rôles sémantiques traditionnels : emphase sur un mot ou une expression, titres d'œuvres, termes étrangers. Le problème n'a jamais été quelques mots inclinés ; c'étaient des pages entières.
L'autre changement majeur est celui des polices variables. Les variations OpenType, prises en charge par tous les grands navigateurs depuis environ 2018, ont introduit deux axes enregistrés pertinents ici : slnt (inclinaison), un angle continu généralement exprimé en degrés négatifs, et ital (italique), habituellement un commutateur binaire entre les constructions romaines et de vrai italique. Le CSS les expose via la propriété font-style — font-style: italic doit sélectionner l'axe ital ou un fichier italique, tandis que font-style: oblique 8deg peut demander un angle d'inclinaison précis sur les polices qui le prennent en charge. Cela donne aux designers un contrôle précis et intentionnel qui n'existait tout simplement pas en 2005.
Vrais italiques, obliques et inclinaisons synthétiques
La hiérarchie de lisibilité est constante. Les vrais italiques sont dessinés comme des italiques : les traits sont équilibrés pour l'angle, les contrepoinçons restent ouverts, l'espacement est ajusté. Les obliques conçus par le dessinateur de caractères (courants dans les linéales grotesques) sont un cran en dessous, mais restent délibérément corrigés — les courbes sont redessinées afin qu'elles ne se déforment pas sous le cisaillement. Les inclinaisons synthétisées sont le pire cas : le cisaillement naïf amincit un côté de chaque courbe, ferme les contrepoinçons et perturbe l'espacement. Rien dans le résultat n'a jamais été vu par un designer.
La règle pratique : ne jamais compter sur le faux italique. Si la police que vous livrez n'a pas d'italique, chargez-en un ou renoncez complètement au style italique. En CSS, font-synthesis: none (ou font-synthesis-style: none) désactive l'inclinaison fabriquée par le navigateur, de sorte qu'un italique manquant se dégrade en romain droit plutôt qu'en cisaillement déformé. Auditez votre chargement de polices — un nombre surprenant de sites en production demandent des styles italiques qu'ils ne chargent jamais réellement, et chacun de ces passages s'affiche en inclinaison synthétique.
Considérations pour la basse vision
L'observation centrale de 2005 tient toujours pour les lecteurs à acuité réduite, atteints d'une perte du champ central ou d'un flou lié à la cataracte : les lettres inclinées présentent des formes moins familières, un espacement apparent plus serré et — dans les italiques à tendance cursive — des constructions de lettres qui diffèrent du romain sur lequel le lecteur s'est exercé. WCAG n'interdit pas l'italique, mais les recommandations associées aux besoins des utilisateurs malvoyants conseillent systématiquement de le limiter, et les lecteurs qui agrandissent le texte rapportent que l'italique se dégrade plus vite sous le flou que son équivalent droit.
Le gras demeure une solide alternative d'emphase et il est souvent le meilleur choix quand le contenu mis en valeur est fonctionnellement important — avertissements, termes clés, formulations actionnables — car un changement de graisse survit au flou et au faible contraste mieux qu'un changement d'inclinaison. Mais le gras et l'italique ne sont pas interchangeables sémantiquement. L'italique chuchote ; le gras crie. Une page qui emploie le gras pour chaque emphase se lit comme si elle criait en permanence. Un motif raisonnable : le gras pour l'information que le lecteur ne doit pas manquer, l'italique pour l'emphase typographique conventionnelle, et ni l'un ni l'autre au-delà d'une expression à la fois.
Deux mises en garde supplémentaires. Premièrement, évitez l'italique aux petites tailles — en dessous d'environ 14 pixels, l'angle et les contrepoinçons réduits se cumulent rapidement. Deuxièmement, évitez d'associer l'italique à d'autres réductions de lisibilité : italique plus tout-capitales, italique plus graisses maigres, italique plus faible contraste. Chaque dégradation est survivable isolément ; empilées, elles ne le sont pas.
Les axes variables en pratique
Là où une police variable offre un axe slnt, résistez à la tentation d'utiliser des angles intermédiaires de façon décorative dans le texte. Une douce inclinaison de 4 degrés sur un titre est un procédé stylistique légitime ; du texte courant à des angles d'inclinaison arbitraires ne l'est pas. Si vous animez l'inclinaison (certaines interfaces le font, pour des états de survol ou des transitions d'emphase), respectez prefers-reduced-motion — des lettres qui se métamorphosent sont du mouvement, et les lecteurs sensibles aux troubles vestibulaires les vivent comme tel.
Vérifiez aussi que le comportement italique de votre police variable correspond à votre CSS. Certaines familles ne livrent que des variables slnt, où font-style: italic ne produit rien ou la mauvaise instance ; des font-variation-settings explicites ou une déclaration font-face correcte avec des plages font-style: oblique 0deg 10deg lèvent l'ambiguïté.
En CSS
em, cite { font-style: italic; } /* short spans only */
/* Never let the browser fake an italic the family lacks */
body { font-synthesis-style: none; }
/* Variable slant, when the family offers the axis */
.aside { font-variation-settings: "slnt" -6; }Recommandations
- Composer tout texte continu en caractères droits ; le constat de 2005 demeure.
- Autoriser les vrais italiques pour de courts passages d'emphase, les titres et les termes étrangers — une expression, pas un paragraphe.
- Préférer le gras à l'italique quand le contenu mis en valeur est fonctionnellement critique.
- Ne jamais livrer d'inclinaisons synthétiques : charger un vrai fichier italique ou définir font-synthesis-style: none.
- Préférer les polices dont l'italique est un dessin corrigé, non un cisaillement brut.
- Éviter l'italique en dessous d'environ 14px, et ne jamais cumuler l'italique avec le tout-capitales, les graisses maigres ou un faible contraste.
- Avec les polices variables, utiliser l'axe ital ou une véritable instance italique pour la sémantique ; traiter l'axe slnt comme un procédé de titrage, et respecter prefers-reduced-motion si vous l'animez.