davidtouvet.com/blog

Ergologique expose en un article les grands principes de la lisibilité du texte sur le web.

Je retiens les points suivants:

• une police avec serif a des empattements au bout des caractères, et une police sans serif n’en a pas
• si certaines études préconisent l’utilisation de polices sans-serif pour la lecture à l’écran, il serait plus préférable selon Ergologique de choisir une police de caractère qui a été conçue pour la lecture à l’écran, qu’elle soit serif ou sans-serif
• certaines polices sont conçues pour l’imprimé (comme Times)
• la taille du texte préconisée ici est de 80% (là, on entre dans un autre débat!), il faut éviter les points ou les pixels
• pour les utilisateurs qui ne savent pas qu’il est possible de changer la taille du texte avec leur navigateur, on peut ajouter directement cette possibilité sur le site (voir un exemple sur le site Wired)
• ménager des espaces vides pour aérer la mise en page et facilité la distinction entre les blocs de textes (c’est ce que je dois améliorer sur mon blog, c’est clair), entre autres en utilisation l’interligne dans la feuille de style line-height:150%;
• essayer de ne pas dépasser 100 caractères par ligne et aligner le texte à gauche (pas de justifié)
• créer un contraste suffisamment fort entre le fond et le texte lui-même (on peut à ce propos utiliser l’outil Color Scheme Generator 2 qui permet de vérifier le contraste de couleurs en fonction des déficiences visuelles);