Lorem ipsum : origine, usages et quand l’éviter

Le Lorem ipsum est partout : maquettes, thèmes de sites, modèles de newsletters. Pourtant, peu de gens savent d’où vient ce latin approximatif, et quand il aide vraiment ou fausse une conception.

Voici son origine, les situations où le faux texte est utile, celles où il vaut mieux l’éviter, et une méthode pour générer la bonne quantité plutôt que « trois paragraphes, au hasard ».

D’où vient le Lorem ipsum#

Le texte s’inspire d’un passage du traité De finibus bonorum et malorum, écrit par Cicéron en 45 av. J.-C. Il a été déformé : des mots sont coupés, d’autres inventés, si bien que le résultat ne veut plus rien dire. Le mot « Lorem » lui-même est un fragment de « dolorem ».

Selon la tradition, des imprimeurs s’en servaient déjà pour présenter des caractères. Il s’est répandu dans les années 1960 avec les planches de lettres transférables, puis avec les logiciels de mise en page. Ce qui compte, c’est le principe plus que le texte : n’importe quel contenu neutre et illisible ferait l’affaire.

À quoi sert le faux texte#

Un faux texte permet de juger une mise en page sans que le regard soit happé par le contenu : si vous lisez la maquette, vous ne regardez plus l’espacement, la hiérarchie ou la longueur des lignes. Le latin déformé a une répartition de lettres et de mots proche de celle d’un texte ordinaire, tout en restant illisible pour la plupart des lecteurs français : on voit la forme, pas le fond.

Il est utile pour :

• les maquettes et wireframes aux premières étapes ;
• les spécimens de polices et les tests de typographie ;
• les gabarits de blog, de newsletter ou de page produit qu’on remplira plus tard ;
• les démonstrations de composants, quand le contenu n’existe pas encore.

Quand l’éviter#

Le faux texte devient un problème dès que le contenu influence la conception.

• Longueurs réelles : un titre de 4 mots dans la maquette peut en compter 12 une fois rédigé, et passer sur trois lignes. Le français est souvent plus long que l’anglais, ce qui peut déformer les boutons et les menus.
• Hiérarchie et titres : avec du latin, rien ne montre si les intertitres sont informatifs, si les liens ont un nom compréhensible ou si la page se parcourt vite.
• Tests d’accessibilité : sur une page déclarée en français, un lecteur d’écran lit généralement le latin avec une voix française, ce qui donne un résultat inutilisable pour juger l’expérience. Si vous testez avec une technologie d’assistance, utilisez des textes réalistes ; marquer les blocs de faux texte avec lang="la" peut aider, sans remplacer ce test. Voyez aussi les vérifications d’accessibilité avant publication.
• Cas extrêmes : un nom très long, une description absente ou un texte accentué ne se testent pas avec du latin.

Dès que vous avez un premier jet de texte, même imparfait, remplacez le faux texte.

Générer la bonne quantité de texte#

Partez d’ordres de grandeur réalistes plutôt que d’un bloc au hasard :

• un titre de page : 6 à 10 mots ;
• la description d’une carte ou d’un résultat : 15 à 25 mots ;
• un paragraphe d’article : 50 à 80 mots ;
• un article complet : 600 mots et plus.

Pour calibrer, comptez les mots d’un texte existant avec le compteur de mots et de caractères.

Le générateur de Lorem ipsum propose trois unités : de 1 à 50 paragraphes, de 1 à 100 phrases ou de 1 à 1000 mots. Un paragraphe généré contient de 4 à 7 phrases de 8 à 16 mots, soit une soixantaine de mots en moyenne.

Utiliser le générateur#

1. Choisissez l’unité dans « Générer des… » : Paragraphes, Phrases ou Mots.
2. Réglez la quantité. Le compteur sous le texte indique le nombre de mots et de caractères obtenus.
3. Cochez ou décochez la case « Commencer par… » selon que vous voulez la phrase classique « Lorem ipsum dolor sit amet » en ouverture.
4. Choisissez « Texte brut » ou « HTML (<p>) » pour que chaque paragraphe soit déjà entouré d’une balise.
5. Cliquez sur « Copier dans le presse-papiers », ou sur « Régénérer » pour tirer un nouveau texte.

Le texte est tiré au hasard à chaque génération, sans répéter le même mot deux fois de suite, ce qui évite les paragraphes identiques qui trahissent un faux texte dans une maquette. Tout est calculé dans votre navigateur.

Ne l’oubliez pas en production#

Un « Lorem ipsum » resté en ligne donne l’impression d’un site inachevé et n’apporte rien à vos lecteurs. Avant de publier, cherchez le mot « lorem » dans vos pages, vos gabarits d’e-mails et vos descriptions, puis remplacez chaque occurrence par un vrai contenu.