TYPOGRAPHISME. Améliorer l'accessibilité par la typographie. Par Joe Dolson Parmi les nombreuses décisions que l'on doit prendre lors de la réalisation d'un site web accessible, les choix typographiques sont souvent les moins mûris. Je ne dis pas qu'ils sont oubliés, mais simplement qu'ils souffrent d'un excès de simplification, au point que des aspects importants concernant l'accessibilité ne sont pas toujours considérés. L'accessibilité du texte est souvent réduite aux trois points suivants : Cette police est-elle assez grande ? En réalité la taille du texte est moins importante que la possibilité de le redimensionner. Dans une feuille de style en cascade (CSS), cet espace se définit à l'aide de la propriété line-height. Exemple : Ce choix peu judicieux provoquera des chevauchements de texte lorsqu'il est grossi. L'espace entre les lettres (l'interlettrage ou crénage) est également ajustable en CSS, mais ne doit être modifié qu'avec beaucoup de précautions.
Exemple : Des lettres trop proches ou trop éloignées peuvent rendre un texte illisible. Le blog de tonton intégrateur » Typographie : l’unité de valeur REM, le futur standard ? De nos jours, les intégrateurs utilisent pour la grande majorité 2 unités de valeurs pour les fonts : le pixel et l’em. Chacune de ces unités comprend son lot d’avantages et d’inconvénients. CSS3 apporte une nouvelle unité de valeurs : le « rem ». Sommaire 1) L’unité de valeur pixel Le pixel est l’unité de valeur la plus simple à mettre en place lorsqu’on se lance dans l’intégration d’un site.
Seulement, l’utilisation des pixels pour la taille de la typo est déconseillée! Cependant, je pense qu’il ne faut pas trop se prendre la tête avec ça. Exemple d’initialisation de la typo avec les pixels Avantages Logique par rapport au support d’affichage Simplicité de mise en place Inconvénients Pas de redimensionnement sous IE 2) L’unité de valeur em L’em est l’unité de valeur la plus conseillée pour le développement des sites web, elle règle l’inconvénient du pixel : elle se redimensionne sour IE!
Pourquoi 62,5% ? Exemple d’initialisation de la typo avec em Rendu en pixel Ceci est un test de Typographie. La typographie du web - la typographie et HTML. A History of the Site : Design Is History. [Vidéo / en] La typographie expliquée de belle manière. Design & Typo, le site. Fonctionnalités des polices OpenType.