natalia y oxl kbnqxga unsplash
Photo de Natalia Y. sur Unsplash
Bonnes pratiques

Les règles typographiques

Savoir bien écrire en français sur son site et dans sa communication.

Très souvent en parcourant les réseaux sociaux ou les sites web, j’ai les yeux qui saignent… oui oui !
Si l’orthographe est importante, les règles typographiques n’en sont pas moins essentielles.

Dans cet article, je vous partage les bonnes pratiques, les règles à suivre et toutes les erreurs que j’ai pu voir, à éliminer définitivement, pour une communication pro !


Les caractères avec espace :

L’espace insécable est une espace (oui, on dit une !) qui empêche une coupure de ligne entre les deux éléments qu’elle sépare. Par exemple, elle est utilisée entre un chiffre et son unité (50 €) ou avant certains signes de ponctuation en français.

L’espace insécable peut être utilisé dans les énumérations (deux points, listes) dans les citations, mais aussi pour la ponctuation.

Ainsi :

  • le point virgule ;
  • le point d’exclamation !
  • le point d’interrogation ?
  • les deux points :
  • le pourcentage %
  • les guillemets français «»

sont toujours précédés d’une espace insécable.

Attention cette règle est française ! En anglais, les ? et ! ne sont pas précédés d’une espace.
ex : Hello!  👋  What? 🤔

caractere avec espace insecable

Féminin et masculin : quelle utilisation pour le mot espace ?

Le mot espace peut être employé au féminin ou au masculin lorsqu’il désigne le « blanc entre deux mots » et qu’il n’est pas suivi d’un adjectif.
Exemples :

  • « Il faut mettre une espace devant le deux-points. »
  • « Ajoutez un espace entre ces deux mots. »

Cependant, lorsque espace est suivi d’un adjectif, comme dans les expressions espace fine ou espace insécable, il est systématiquement utilisé au féminin.

Recommandation : privilégier le féminin pour l’uniformité.
Afin de garantir une cohérence dans vos écrits, il est recommandé d’employer espace au féminin partout. Par exemple, dans un texte contenant à la fois l’expression une espace insécable et l’utilisation du mot seul, il est préférable de choisir systématiquement le féminin.

Le féminin : une tradition typographique

Historiquement, espace est de genre féminin dans le domaine de la typographie et de l’imprimerie. Ce terme désignait à l’origine une lamelle de métal utilisée pour espacer les mots sur une presse d’imprimerie. Ces espaces avaient des largeurs variables, par exemple :

  • une espace fine, une espace moyenne, une espace forte.

Bien que les outils numériques aient remplacé les lamelles, le mot espace reste féminin dans le vocabulaire spécialisé de la typographie, comme dans :

  • une espace insécable, une espace sécable
  • une espace justifiante

Le masculin : une évolution récente

L’utilisation du masculin pour désigner le « blanc entre deux mots » est aujourd’hui attestée dans des ouvrages de référence et est couramment utilisée au Canada, notamment à l’oral. Par ailleurs, le masculin peut aussi s’appliquer lorsqu’il désigne le blanc entre des lignes ou des paragraphes.


Caractères sans espace insécable

Les caractères sans espace :

Pour ces caractères, pas besoin d’espace : ils seront « collés » au texte :

  • Point .
  • Virgule ,
  • Points de suspension …
  • Parenthèses ( ) crochets [] et accolades {}
  • Guillemets anglais

Le saviez-vous ?

Les « tiret du 6 » et « tiret du 8 » ont un nom ! Même s’il est courant d’utiliser ce « raccourci » de langage, ces caractères employés surtout dans les adresses mails, url de sites ou nom d’image, vous pouvez dire :

– (tiret du 6) : tiret court ou encore tiret simple en français, on l’appelle également trait d’union ou quart de cadratin quand il est utilisé dans un mot composé. Ex : arc-en-ciel.
Dans les listes ou énumérations, on le nomme le demi-cadratin.
Dans un dialogue, il sera plus long et sera ainsi nommé tiret cadratin ou tiret long.
Enfin, en anglais, c’est un hyphen.

_ (tiret du 8) : moins complexe, car moins répandu dans la langue française, il s’appelle simplement le tiret bas et anglais (qu’on utilise plus couramment) underscore.


Le texte :

Dans la majorité des cas, le texte sera ce que l’on appelle « ferré à gauche ».

Pour des raisons esthétiques, on pourra utiliser le « ferré à droite » sur un site ou une communication, ou le centrage.

Le texte justifié est quant à lui réservé aux fonctions « éditoriales » : magazine, romans, etc.
Vous ne devez pas utiliser le texte justifié pour votre site web, pour des raisons principales d’accessibilité.

Enfin, pour TOUTES les listes, n’utilisez pas le texte centré. C’est peu esthétique et pour les mêmes raisons que le texte justifié, il ne convient pas à la majorité des visiteurs. Il est difficile à lire, encore plus pour les dysléxiques par exemple.

listes et alignement de texte

Pourquoi vous ne devez pas utiliser de texte justifié sur votre site ?

L’utilisation du texte justifié sur un site web pose plusieurs problèmes :

  • Lisibilité réduite : Le texte justifié crée des espaces irréguliers entre les mots, formant parfois des « rivières blanches » dans le paragraphe. Cela perturbe le rythme de lecture et fatigue l’œil.
  • Adaptation difficile : Sur les écrans mobiles ou de tailles variables, ces irrégularités sont amplifiées, rendant le contenu encore plus difficile à lire.
  • Accessibilité : Les lecteurs dyslexiques ou malvoyants trouvent souvent le texte justifié plus complexe à déchiffrer, ce qui va à l’encontre des bonnes pratiques d’accessibilité web.
  • Esthétique trompeuse : Bien que visuellement ordonné, cet alignement nuit à l’expérience utilisateur en priorisant la forme sur le fond.

Pour une meilleure lisibilité, privilégiez un alignement à gauche, plus naturel et adapté aux usages numériques.

Même s’il est vrai que le texte justifié est couramment utilisé dans les livres et la presse, le contexte diffère totalement de celui du web :

  • Support physique : Les romans et journaux sont imprimés sur papier, un support fixe où la largeur de colonne est optimisée pour limiter les espaces irréguliers. De plus, la mise en page est soigneusement ajustée par des professionnels.
  • Contrôle typographique : En impression, des outils comme la césure (coupure des mots en fin de ligne) permettent d’équilibrer le texte et de réduire les « rivières blanches », ce qui est plus difficile à maîtriser sur un site web.
  • Expérience utilisateur : Sur le web, les tailles d’écran varient (mobiles, tablettes, ordinateurs), et les espaces irréguliers générés par le texte justifié s’amplifient, rendant la lecture moins fluide et plus fatigante.
  • Lisibilité numérique : Les écrans fatiguent davantage les yeux que le papier. Les pratiques modernes de conception privilégient donc des alignements plus naturels (aligné à gauche) pour offrir une meilleure expérience utilisateur.

Ainsi, ce qui fonctionne sur papier ne s’adapte pas toujours au numérique.



Pour aller plus loin


Tranquillité d’esprit, charge mentale en moins, je vous propose également mes services pour votre maintenance.

Avec un forfait mensuel ou bimensuel, je fais pour vous :

  • la mise à jour de vos extensions, thèmes, WordPRess,
  • la vérification de vos sauvegardes,
  • le débogage votre site s’il y a eu des conflits suite aux mises à jour,
  • la mise en page de vos articles de blog (contenu et images fournis par vos soins).

Je peux par ailleurs vous conseiller si certains plugins deviennent obsolètes, trop vieux et par lesquels les remplacer.

Ça m'interesse
Mises à jour et maintenance de votre site Wordpress