juil

18

Le soulignement dans tous ses états

Catégorie: Typographie | Commentaires fermés | 109 lectures

Dans la presse papier, on évite de souligner du texte continu et a fortiori les titres. Cette pratique professionnelle est loin de se retrouver dans l'usage grand public. On souligne volontiers un titre principal et des sous-titres. Dans un texte, il est utilisé pour attirer l'attention. Pourtant, ce ne sont pas les alternatives qui manquent: taille, graisse, italique, couleur, (petites) capitales, alignement... Cette manie remonte aux machines à écrire dont c'était la seule manière — hormis le ruban rouge — de mettre en valeur le texte. Le gras n'existait évidemment pas.

Le soulignement est réservé aux liens

Sur le web, le soulignement est à proscrire pour des raisons ergonomiques: il est synonyme de lien hypertexte pour la plupart des utilisateurs. Un texte sans lien ne doit pas être souligné. Ceci dit, l'hypertexte se vêtit fort agréablement d'autres attributs - n'en déplaise à M. Nielsen et ses conventions. Les feuilles de style permettent justement de personnaliser parfaitement le rendu, attirer la souris du lecteur et garder une cohérence graphique. Dans l'exemple ci-dessous, le soulignement assure deux fonctions distinctes: signifier la présence d'un hyperlien et la mise en exergue de certains mots (sans lien). La confusion des deux rend l'interactivité hésitante.

Capture Linearis
Capture www.linearis.fr

Massacre typographique

Outre cette convention sur le web, le soulignement appauvrit la lisibilité du texte, surtout sur de longues portions. Il alourdit inutilement les lignes et freine la lecture. De plus, ce formatage est fait à la grosse louche sans aucun raffinement. La barre horizontale traverse le bas du mot et scalpe le jambages des lettres. Aucun respect pour la lettre, aucun respect pour le travail du typographe. L'effet s'accentue avec le gras puisque l'épaisseur du trait est variable selon la police [¹]. À noter que les résultats varient également en fonction du navigateur. Dans Internet Explorer 6, la barre est plus fine et plus proche de la ligne de pied que dans Firefox 2.

Capture d'écran Bloglines
Capture d'un compte Bloglines

Dans l'exemple ci-dessus, le titre est mis en gras par le logiciel annexe. L'épaisseur du trait est massif et rase pratiquement la ligne de base du titre. Le trait est important et engloutit toutes les descendantes. La reconnaissance des lettres est moins aisée surtout pour une personne dont le français n'est pas la langue maternelle.

Le soulignement dans le code HTML

La balise <u> (underline) est toute désignée pour souligner du texte. Elle est pratiquement abandonnée pour les raisons évoquées ci-dessus. Cependant, je pense que le soulignement à encore sa place notamment dans le domaine pédagogique. Dans ce cas, il est préférable d'utiliser un style: text-decoration: underline.

[¹] cf. test de soulignement


Commentaires

Les commentaires sont fermés pour cette note.