Espaces insécables : la fiche pratique pour les contributeurs web

Une espace insécable empêche deux éléments d’être séparés en fin de ligne : « 13 800 », « 14 h », « Merci ! ». Invisible quand elle est bien placée, elle saute aux yeux quand elle manque, surtout sur mobile, dans les titres et bien sûr dans les articles comportant beaucoup de chiffres et pourcentages.

Les espaces insécables, c'est un détail important régulièrement oublié lors des phases de contribution, simple à appliquer !

J’ai donc rédigé une fiche pratique pour les contributeur·trice·s d’une grande association que j’accompagne dans le cadre de mes missions d’aide à la contribution. Elle est réutilisable par n’importe quelle équipe éditoriale : la voici en version web et en PDF à télécharger, dans la continuité de notre fiche pratique sur les balises ALT.

Télécharger la fiche contributeur web « Les espaces insécables » (PDF, 2 pages, 155 Ko)

Périmètre de cette fiche : elle applique les règles de la typographie française en usage en France aux contenus web. Les règles de l’imprimé vont plus loin, et d’autres pays francophones ont des usages différents (voir plus bas).

Pourquoi les espaces insécables comptent davantage sur le web ?

Sur papier, la mise en page est figée : on corrige une coupure malheureuse avant l’impression. Sur le web, la longueur des lignes dépend de l’écran, du zoom et de la taille de police choisie par la personne qui lit. Une même phrase se coupe différemment sur ordinateur et sur smartphone, et la personne qui contribue ne voit qu’une seule de ces versions.

Sans espace insécable, le navigateur peut couper à n’importe quelle espace. Résultat typique sur un écran étroit :

Un exemple sur le web : sans les espaces insécables les retours à la ligne ne sont pas contrôlés.

Les règles essentielles

Astuce : vérifiez en priorité vos titres et les textes avec une grande police, c'est souvent là qu'il y a le plus à faire !

Comment saisir une espace insécable ?

Sur la plupart des éditeurs web, mais en particulier sur Gutenberg (l’éditeur natif de WordPress) :

• PC (Windows, Linux) : Ctrl + Maj ⇧ + Espace ;

• Mac : Option ⌥ + Espace.

Sur Mac, la combinaison est native au système. Sur Windows, le raccourci a été ajouté à l’éditeur de blocs de WordPress.

Si vous éditez en html, le caractère s'écrit   (pour Non Breakable SPace).

Où ne pas mettre d’espace insécable ?

• À l’intérieur des parenthèses et des crochets, exemple : (voir page 3), pas « ( voir page 3 ) ».

• Avant la virgule.

• Avant le point final.

• En double : une seule espace, insécable ou non, jamais deux à la suite.

Le tableau complet

L’annexe de la fiche détaille les cas moins fréquents mais tout aussi utiles, regroupés par famille.

Ponctuation

Nombres et unités

Dates et heures

Noms, abréviations, références

Pour aller plus loin

Espace insécable ou espace fine insécable ?

La typographie française distingue deux caractères :

• l’espace insécable (Unicode U+00A0,   en HTML), de la largeur d’une espace normale : c’est celle que produisent les raccourcis ci-dessus ;

• l’espace fine insécable (Unicode U+202F,   en HTML), plus étroite.

Le code typographique français recommande l’espace fine avant le point-virgule, le point d’interrogation et le point d’exclamation, et l’espace insécable classique avant le deux-points et à l’intérieur des guillemets. Pour des équipes de contribution, je recommande l’espace insécable classique partout : elle se saisit facilement et règle l’essentiel, la coupure.

D'autres façons de faire ?

Les usages varient dans la francophonie. Au Canada, faute d’espace fine, on préfère généralement ne pas mettre d’espace avant ; ! ? tout en gardant l’espace insécable avant le deux-points et avec les guillemets. En Suisse, on se passe souvent d’espace lorsque l’espace fine n’est pas disponible. Pour un site destiné à plusieurs pays, c’est un choix à inscrire dans la charte éditoriale.

Automatiser : oui, mais en testant

Sur WordPress, des extensions comme French Typo ajoutent ces espaces au moment de l’affichage, sans modifier le contenu enregistré, avec le choix entre espace classique et espace fine qui est intéressant. Cependant, il reste préférable d'éviter ce plugin et de mettre en place un automatisme chez les contributeurs, lors de la relecture, par exemple.

Un espace ou une espace ?

Les deux se disent. Dans le langage courant, le mot est masculin : un espace. En typographie, il est féminin lorsqu’il désigne le caractère qui sépare les mots, héritage de la lamelle de métal que l’on glissait entre les caractères de plomb : une espace insécable.

Vous accompagnez des équipes de contribution ?

La qualité éditoriale d’un site se joue aussi dans ces détails : typographie, textes alternatifs des images, structure des titres, liens explicites. Vos équipes ont besoin d’être outillées pour contribuer sereinement ? Découvrez mon accompagnement en formation, embarquement et aide à la contribution ou contactez-moi pour en parler.

Sur le même thème :

• Fiche pratique : bien rédiger les balises ALT de vos images

• Mon association est-elle concernée par le RGAA ?

Références

• Espace insécable, Wikipédia (règles du code typographique français)

• Espace fine insécable, Wikipédia (caractère U+202F et entité HTML)

• Espace (typographie), Wikipédia (usages au Canada et en Suisse)

• WordPress/Gutenberg, pull request n° 43150 (raccourci Ctrl + Maj + Espace)

• French Typo, répertoire des extensions WordPress

• Espace insécable : le guide complet, La langue française

Crédit photo : Renaud Bessieres