Go back

Trois signes typographiques négligés.



L’espace insécable

De tous les signes typographiques, l’espace insécable est probablement le plus négligé. Cela est notamment dû au fait que cet élément est :

  • Invisible
  • Propre au numérique (il n’y a pas besoin d’y penser sur papier)
  • Difficile d’accès

Il est cependant nécessaire de le saisir correctement (voyez ici les règles de saisie et plus d’informations concernant les façons de les écrire) afin d’éviter ce genre de situation :

Une citation sans espaces insécables.
Ce genre de situation

Voici maintenant la même citation avec les espaces appropriés :

Une citation avec des espaces insécables.
C’est mieux !

Le rôle des espaces insécables est à la fois d’éviter les retours à la lignes (qui ne sont pas très esthétiques) et d’harmoniser le texte avec les des espaces appropriés (les signes ?, ! et ; nécessitent par exemple une espace fine insécable).

ICON
Note

La balise <q>, bien qu’affichant les guillemets appropriés pour une citation (selon la langue du document HTML), n’ajoute aucun espace insécable.

Pensez donc à utiliser les entités &nbsp; à l’intérieur de ces balises également.

L’apostrophe

Cela va probablement vous surprendre, mais il est bien possible que vous utilisez le mauvais signe typographique pour vos apostrophes !

En effet, l’apostrophe peut se présenter sous sous forme droite (c’est le signe par défaut sur les claviers d’ordinateur), soit sous forme dite courbe (et c’est la forme correcte à utiliser dans les textes).

Comparaison d’un apostrophe courbe et droite.

L’omission de ce symbole n’est pas aussi visible que l’espace insécable mais ce n’est pas une excuse pour le négliger. Son omission peut donner un aspect amateur à vos textes et l’utiliser peut faciliter la lecture.

Les points de suspension

Hélas, taper trois points à la suite n’est pas correct pour représenter un point de suspension, il faut utiliser le caractère typographique approprié.

ICON
Attention

La représentation des points de suspension peut varier en fonction de la police que vous utilisez :

Comparaison des points de suspension avec la police 'Times New Roman' et 'Atkinson Hyperlegible'. Les points de suspension sont plus espacés avec la police 'Times New Roman'.

Cette différence peut s’expliquer en fonction d’habitudes linguistiques (en français les points sont généralement collés alors qu’en anglais on peut les voir légèrement plus séparés).

Astuces de saisie

Taper les caractères mentionnés peut s’avérer laborieux (d’autant plus que l’accès à ces derniers n’est souvent pas possible sur les claviers actuels), c’est pourquoi il est nécessaire de recourir à des stratagèmes. En voici quatre que j’utilise.

Passer à une autre disposition de clavier

Une amélioration simple

À la date de rédaction de ces mots, la plupart des claviers (surtout sous Windows) utilisent une disposition obsolète rendant l’accès aux différents caractères typographiques impossible ou difficile. Pour y remédier, il faut utiliser une autre disposition pour clavier. Si vous utilisez Linux, je vous recommande d’utiliser la disposition Français (variante) (que vous trouverez parfois sous le nom de fr-oss). Elle est identique à l’AZERTY pour les caractères de base et donne un accès facile à de nombreux caractères spéciaux (typographiques ou étrangers). Cette disposition est disponible sans téléchargement dans la plupart des distributions.

Pour les utilisateurs de Windows, je il vous faudra installer vous-même cette disposition. Voici un article qui pourra vous aider dans l’installation.

Je ne sais pas comment se comportent les dispositions sous macOS mais il semblerait que la disposition par défaut soit suffisante pour accéder à l’ensemble des caractères nécessaires.

Aller plus loin dans l’optimisation

La disposition de clavier AZERTY, même dans sa variante donnant un accès simplifié aux caractères spéciaux, reste très inadéquate pour écrire en français (les touches les plus fréquentes ne sont pas les plus accessibles, il n’y a aucun groupement logique des caractères (regardez par exemple l’écart séparant la parenthèse ouvrante et fermante) et les caractères justes comme l’apostrophe typographique ne sont pas en accès direct), c’est pourquoi il peut être judicieux de passer à une autre disposition lorsque vous écrivez.

La disposition la plus connue (et qui permet de combler beaucoup de lacunes de l’AZERTY) porte le nom de bépo. Elle possède l’avantage d’être facile d’installation et est même disponible par défaut sur la plupart des distributions Linux.

Cela dit, passer à une nouvelle disposition demande un effort, c’est pourquoi il peut être stratégique de mettre en place un raccourci afin de pouvoir rapidement basculer d’une disposition à une autre (j’utilise personnellement la combinaison Ctrl + Alt).

ICON
Pour aller encore plus loin

Le bépo propose certes une amélioration significative par rapport à l’AZERTY, mais il existe d’autres dispositions qui sont plus ergonomiques et que vous pourrez avoir envie d’essayer. Trois ont retenu mon attention :

  • ergopti : cette disposition va très loin dans l’optimisation et donne la possibilité de saisir les espaces insécables appropriés en une frappe lors de la saisie des signes de ponctuation. Cette disposition donne presque l’impression de faire de la sténotypie ! D’ailleurs à titre de curiosité, il est possible de faire de la sténotypie sur votre clavier, notamment grâce au projet plover.
  • optimot : il s’agit probablement de la disposition optimisée la plus connue après le bépo (on peut d’ailleurs la considérer comme un bépo optimisé). Vous pouvez l’essayer sur le site bépoète.fr.
  • Ergo-L : une disposition qui, avant de proposer une approche optimisée comme optimot, propose avant tout une approche ergonomique dans ses choix. Tout comme le bépo, cette disposition a l’avantage d’être disponible sans installation sur la plupart des distributions Linux.

Utilisation d’une extension

Si vous ne pouvez pas changer la disposition de votre clavier ou que vous avez seulement besoin de certains caractères de façon ponctuelle, utiliser une extension pourrait être une bonne idée. Je suis actuellement en train d’en créer une permettant d’accéder à ces caractères et de les appliquer ensuite par un copié-collé.

L’avantage de cette extension par rapport au changement de disposition est que vous avez aussi accès aux caractères HTML équivalents et à la règle d’utilisation des espaces de manière visuelle. Elle est trouvable ici et doit pour l’instant s’installer localement.

Création de snippets personnalisés

Si vous utilisez un IDE pour rédiger du contenu pour le web, il est probable que ce dernier vous permette de créer des snippets personnalisés pour ajouter les signes nécessaires facilement. Sous VSCode vous pourriez par exemple ajouter ceci pour ajouter des points de suspension :
{
"Points de suspension": {
"prefix": "...",
"body": "…",
"description": "Insère des points de suspension."
}
}

Remplacements multiples

Une dernière stratégie de saisie consiste à rédiger vos textes sans tenir compte de certains caractères typographiques, puis d’utiliser la fonction trouver et remplacer de VS Code pour remplacer les caractères nécessaires (par exemple toutes les apostrophes droites par des apostrophes courbes).

ICON
Question
Est-ce que remplacer toutes les apostrophes ne risque pas de casser les balises HTML utilisant des apostrophes droites et d’autres éléments comme les imports JavaScript ?
En effet. Pour ne pas rencontrer ce problème, je vous recommande d’utiliser Prettier et dans votre configuration de toujours choisir : "singleQuote": true pour utiliser des guillemets droits.
ICON
Citations de premier ou deuxième niveau

Notez que les caractères et représentent les guillemets de premier niveau en anglais et de second niveau en français (à ne pas confondre avec les guillemets droits par défauts qui ne sont pas typographiques).

On écrira par exemple : « C’est alors qu’il me dit “vois ces guillemets de second niveau !” tout en les désignant »