PUBLIC MARKS from hobbes with tags texte & css

Lorsque l’on parle de mise en pages, et plus particulièrement de justification de texte, on touche le domaine de l’esthétisme. Mais nous ne devons pas oublier l’accessibilité à l’oeil (la lisibilité) de ce dernier.

OK, plongeons-nous dans les ems. Je vais vous montrer, en partant de zéro, comment dimensionner le texte d'un document en ems. Je présuppose cependant que nous aurons affaire à un navigateur configuré en taille de texte « medium ». La taille par défaut pour le texte « medium » dans tous les navigateurs modernes est de 16px. Notre premier pas est donc de réduire cette taille, pour tout le document, en fixant la taille de caractères du body à 62.5% ::

Le but étant, par exemple, d'afficher en mode graphique un logo ou une bannière, tout en fournissant un texte « en dur » dans le code HTML, texte qui sera visible lorsque le site est visité avec un navigateur non graphique. Il existe plusieurs méthodes, utilisant généralement une image de fond CSS ("background-image"). À noter que la règle "display: none" pose des problèmes aux lecteurs d'écran.