La tendance est au grossissement de la taille de la police de caractères de base, sur les sites, en ce moment. Comme le montre Christian Miller dans un article sur son blog et ce que Trent Walton proposait aussi il y a déjà une demi-douzaine d’années — il est d’ailleurs passé depuis à 24px en taille de base sur son blog — tout en indiquant que ça ne plairait certainement pas à tout le monde.
Pour résumer : 20px pour la taille de base est un minimum !
Ainsi plein de sites institutionnels comme le Washington Post, ou encore Zeit online y sont passés, quand ce n’est pas carrément encore plus grand comme Jeffrey Zeldman sur son blog.
Alors du coup j’ai modifié (temporairement) la CSS de ce blog, et du blog photo, pour voir comment ça serait perçu par mes lecteurs. Personnellement je trouve que ça rend, au moins sur mobile, la lecture beaucoup plus confortable.
Voilà ce que ça donne maintenant :
Et pour comparaison, la même copie d’écran (zone de capture identique en surface) avec le réglage précédent :
À vous de me dire ce que vous en pensez !
PS : Merci Stéphane pour les liens (et la causette sur IRC) à ce sujet !
1 De Diablotin -
La note de Christian Miller sur son blog est très intéressante, vraiment ! En effet, une taille un peu plus grande que celle par défaut généralement adoptée apporte un réel confort de lecture, au moins à mes yeux !
2 De Gilsoub -
Avec l’âge et les verres progressif, l’on apprécie de plus en plus des caractères pas trop petit ;-) J’avoue qu’il y a quelques site ou j’augmente la taille par un pomme + ;-)
3 De Bernard -
Perso, je fais quelque fois comme Gilsoub; mis à part que je n’ai pas de pomme, mais plutôt un contrôle.
Si je devais ajouter un élément qui facilite la lecture, ce serait la mise en forme: éventuellement intertitres, mais surtout paragraphes bien détachés les uns des autres.
Bref, tout ce qui facilite la lecture en diagonale.
Car, indépendamment du contenu qui peut être lassant, lire sur un écran reste quand même plus fatiguant que la lecture sur papier.
4 De Luc -
C’est forcément plus agréable !
Et la mise en page reste bien !
Je valide ! :-)
5 De Franck -
J’ai l’impression qu’il se dégage un large consensus pour cette nouvelle taille de police. Je garde donc :-)
Merci à vous tous pour les retours !
6 De Llu -
Haha, j’arrive après la bataille. Personnellement, je trouve ça trop gros sur desktop. Je dézoome à 80%. Sur mobile, je trouve effectivement que c’est mieux :)
Je ne comprends pas bien comment Christian Miller définit 20px comme une taille de base minimum. Je suis un peu dubitative à vrai dire, mais ça m’intéresse de voir s’il s’appuie sur des données concrètes et pas sur le lieu commun que des textes plus grands c’est mieux pour tout le monde (ce qui est faux).
Après, contrairement à lui, je pense que les utilisateurs concernés savent zoomer ou dézoomer. Tant que les font-size sont en unités relatives (cf. la conf de Marie, Typographie et accessibilité), pas de souci ! Chacun fait bien ce qu’il veut chez lui puisque l’utilisateur adaptera l’affichage comme ça lui convient ^^
7 De Franck -
Tiens Llu, une question (de néophyte question a11y) : est-ce qu’il vaut mieux un site avec une grande taille de police (de base), comme ici (20px et +) ou un site avec une petite taille de police (genre moins de 16px, voire 14px) ?
Il y a des chiffres sur ceux qui agrandissent vs ceux qui réduisent ?
8 De Llu -
Nope pas de données. En fait, on ne se pose même pas cette question en accessibilité.
Si les tailles de police sont déclarées avec des unités relatives, le site s’adaptera aux besoins de chacun, ce qui est le but recherché.
C’est pourquoi les normes d’accessibilité n’imposent pas de taille de police, mais qu’elles exigent que l’utilisateur puisse choisir la taille qui lui convient.
Je ne suis donc pas en mesure de te dire ce qui est mieux car on sort de mon domaine de compétence. A priori, ça intéressera plutôt les ergo et les UX et j’imagine qu’eux pourraient te répondre ^^
9 De Franck -
Ok Llu, merci pour la réponse.
Comme ça fait belle lurette que je n’utilise que des em et rem, sauf pour quelques petits besoins spécifiques comme le placement d’une image de taille fixe — et encore, plus ça va, plus je bascule sur du SVG — je pense que ça devrait donc convenir à tout le monde.