2.1.2Choisir une longueur de ligne confortable
“Une suite de 45 à 75 caractères est communément considérée suffisante pour constituer la ligne d'un texte d'une colonne composé dans une fonte sans sérif. La ligne de 66 caractères (en comptant à la fois les lettres et les espaces) représente un idéal souvent utilisé. Pour un texte présenté en plusieurs colonnes, une moyenne de 40 à 50 caractères est plus appropriée.”
La longueur de ligne est le nombre de caractères dans une seule ligne d'un bloc de texte. L'HTML ne considère pas les colonnes en tant que telles, mais contient le texte dans une boîte. En CSS, la largeur d'une boîte est déterminée en utilisant la propriété width
avec une unité de distance, comme par exemple :
DIV#col1 {
width: 400px }
DIV#col2 {
width: 50% }
DIV#col3 {
width: 33em }
Quand un typographe décide de la longueur de ligne d'un texte en vue d'une impression, ces dimensions sont fixes et immuables dans leur manifestation physique. A cet égard, le web vu à l'écran est fondamentalement différent de l'impression car les lecteurs ont le contrôle du médium. Par exemple, si votre lecteur décide de changer la taille du texte ou la dimension de la “page”, il peut le faire.
Dans l'exemple précédent, la colonne 1 a une largeur fixe, définie à 400 pixels. Avec une taille de caractère à 12 pixels, la longueur de ligne fait à peu près 66 caractères. Si votre lecteur augmente la taille du texte à 16 pixels, la longueur de ligne se réduit alors à 50 caractères. Quand la taille de caractère change, la longueur de ligne en fait de même.
La colonne 2 a une largeur liquide, établie à 50 %. En considérant que la fenêtre du navigateur de votre lecteur ait 1000 pixels de large, la boite serait alors de 500 pixels, résultant sur une longueur de ligne d'à peu près 83 caractères par ligne. Cette longueur de 83 caractères pourrait être trop importante pour votre lecteur, mais puisqu’il peut modifier la taille de la fenêtre lui-même, il pourrait réduire sa largeur à 800px, ramenant la largeur de la boîte à 400px, soit une longueur de ligne de 66 caractères plus confortable à la lecture.
La colonne 3 a une largeur élastique de 33 em. En moyenne, un caractère occupe 0,5 em, donc cette boîte aura une longueur de ligne de 66 caractères. Si votre lecteur augmente la taille de caractère, la largeur de la boîte s’agrandira proportionnellement : la longueur de ligne demeurera de 66 caractères quelle que soit la taille du texte.
D’un point de vue typographique, la méthode la plus appropriée est déclarer la largeur d’une boîte en ems (mise en page élastique) puisqu’elle permet de conserver la longueur de ligne décidée par le typographe. Une largeur définie en pourcentage (mise en page liquide) donne au typographe un contrôle approximatif de la longueur de ligne, mais permet au lecteur d’ajuster celle-ci pour son propre confort.