Accueil » Blog » Alignement des textes et lisibilité

Alignement des textes et lisibilité

Le site de La brasserie du bon coin nous expose d’un seul coup trois erreurs à éviter en matière d’alignement des informations dans une page web.

1. L’alignement centré, s’il convient à la carte des desserts, ne favorise pas la lisibilité d’un texte coulé.

2. L’alignement justifié, lorsqu’il est appliqué à une colonne de texte étroite, crée de gros trous entre les mots. J’appelle ce phénomène l’effet gruyère. Lecteur fidèle, nous nous étions déjà posé cette question : Les textes justifiés sont-ils justifiés ?

3. Les champs d’un formulaire, eux aussi, doivent être correctement alignés pour faciliter le balayage et l’encodage de l’information. Dans cet exemple, voyez comme le “nombre de couverts” et l’option “fumeurs” sont décalés dans la mise en page.

Tous ces détails liés à la maîtrise typographique contribuent à détériorer ou, au contraire, améliorer la lisibilité de vos contenus.

Commentaires des lecteurs

  • Comment by katsoura — 30 January 2008

    Petite remarque, ce n’est pas le gruyère mais l’emmental 🙂

  • Comment by Pirlouit — 9 May 2008

    Détail typographique indispensable :
    dans un texte justifié, l’option "coupure de mots autorisée"… s’impose(!) pour une composition lisible !

  • Comment by Pirlouit — 9 May 2008

    Bonjour,
    ce que vous appelez "alignement centré" se traduit par "composition en sommaire brisé"… terme typographique correct !

  • Comment by Pirlouit — 15 May 2008

    Pour rappel, il manque une espace après le point dans :
    …vous-même. Resto…

  • Comment by Pirlouit — 15 May 2008

    Il manque aussi une espace avant le point d’exclamation (avance !)

  • Comment by jmh — 15 May 2008

    @ Pirlouit : C’est ce qu’on appelle "retourner le couteau dans la plaie" 😉

  • Comment by Pirlouit — 16 May 2008

    Peut-être, mais il ne faut pas évoquer la Typographie ou s’en revendiquer !
    Il y a un monde entre la mise en pages web et la vraie mise en pages typo (XPress ou InDesign, par exemple)

Votre commentaire

Your email address will not be published.

Je suis un humain*

This site uses Akismet to reduce spam. Learn how your comment data is processed.