Lisibilité des sites web, font-size : 100% – 16px

Je ne sais pas s’il y a une norme, mais sur mon mac, firefox et safari ont cette taille 16px par défaut et ça semble être le cas général.

Compter sur une taille spécifique me paraît très contraire à l’esprit du Web.

C’est une base manifestement destinée à des écrans standard (quel standard ?) mais je pense qu’on peut en garder l’idée qu’une grosseur minimum relativement élevée est préférable.

Perso j’ai la taille par défaut à 12 points dans mon navigateur, car ce qu’on oublie c’est que l’utilisateur peut choisir cette taille par défaut... Il ne faut donc jamais se fier à cette « base » de 16px, si on ne définit pas de taille « en dur » dans le body, il vaux mieux alors tester son site avec les tailles de 12 à 20 px je pense.

Je ne pense pas qu’il y a une norme fixant le défaut à 16px, mais c’est une valeur universellement adoptée. L’utilisateur peut effectivement la changer, mais à moins que ce ne soit un geek il y a peu de chances.

Les navigateurs modernes peuvent retailler la police indépendamment du reste de la page même quand elle est spécifiée en px. Les bonnes pratiques ont donc tendance à fixer une taille en px sur le body, à avoir une règle spécifique pour IE6 qui proportionalise la taille, puis à faire tout le reste en em parce que comme ça ça change si on change la taille de base.

Un article sur le sujet : ►http://24ways.org/2006/compose-to-a-vertical-rhythm

Je dirais que la bonne pratique c’est effectivement de n’utiliser que du « em » en partant du principe que dans la majorité des cas, la taille de référence sera ce 16px. Mais après si l’utilisateur du client web a modifié cette taille, c’est qu’il avait ses raisons de vouloir le texte plus petit ou plus gros chez lui...

En ce moment je vois régulièrement des articles conseillant, dans la mesure du possible, de ne pas modifier cette taille de référence. C’est-à-dire de ne pas s’amuser à mettre une taille souvent petite sur l’attribut body par exemple, et pour ça : que ce soit en « px » ou en « em » ne change rien.

Une bonne synthèse sur les avantages et inconvénients des em et des px, ainsi que sur le jeune rem : ►http://snook.ca/archives/html_and_css/font-size-with-rem

L’article du Typographe n’est plus en ligne, mais j’ai résumé l’idée — initialement exprimée par Wilson Miner : ►http://wm4.wilsonminer.com/posts/2008/oct/20/relative-readability —, ici en français : ►http://romy.tetue.net/type-size-comparison

Voir aussi moults exemples de sites en 100% – 16px :
►http://all-for-design.com/web-design/lisibilite-des-sites-web-font-size-100-16px

#100E2R

Rah c’est quoi cette manie de supprimer des articles, ils auraient pu les transférer sur le nouveau site. Quand ce sont des articles d’opinion je comprends (je ne veux plus que mon opinion d’alors apparaisse) mais là ce sont des trucs techniques et toujours (plus que toujours) d’actualité...

Merci pour les autres liens.

Ça aussi sur le même thème :
►http://informationarchitects.net/blog/100e2r