Typographie et Accessibilité
La typographie est la conception des caractères dans un document. Elle comprend le choix des polices, la mise en page et la couleur des caractères.
La typographie et l’accessibilité sont deux concepts étroitement liés. Une bonne typographie ne peut qu’améliorer l’accessibilité web, en rendant le contenu facile à lire et à comprendre pour les utilisateurs. En revanche, une mauvaise typographie a un impact négatif sur la lisibilité et la compréhension du contenu.
Qu’est-ce que la typographie ?
Qu’est-ce que la typographie ?
La typographie est l’art et la technique d’agencement des caractères pour rendre le langage écrit lisible et attrayant, lorsqu’il est affiché.
Cela implique les polices que nous choisissons, la façon dont nous les stylisons (par exemple en choisissant les tailles de police et l’espacement entre les lettres).
Pourquoi ai-je besoin de connaître la typographie ?
Chaque fois que vous écrivez quelque chose, il faut penser à la typographie. Voici quelques exemples concrets des moments où nous créons et concevons du contenu textuel dans notre quotidien :
- Sites Internet
- Applications mobiles
- E-mails
- Réseaux sociaux
- Présentations
- Documents visualisés et manipulés à l’écran
- Contenu en ligne (comme les intranets et les blogs)
- Autres interfaces numériques (comme un terminal de paiement)
Nous pouvons tous jouer un rôle pour rendre plus accessibles les informations et les communications que nous produisons.
Typographie accessible
Choisir un typo accessible
Les considérations relatives à la typographie accessible commencent par le choix du type. Il n’y a pas une règle unique pour rendre les polices accessibles. Cependant, il existe des indications sur ce qui pourrait rendre une police de caractères accessible à certaines personnes et non inaccessibles pour d’autres internautes.
Par exemple, certaines polices d’écriture, à l’instar de Poppins, se sont avérées lisibles pour les personnes ayant des troubles cognitifs.
Rédaction de contenu accessible
Il est important que le contenu écrit soit accessible et inclusif. Il y a beaucoup à considérer en matière de rédaction de contenu accessible.
Les considérations clés suivantes et les ressources associées peuvent constituer un bon point de départ :
- L’utilisation d’un langage clair.
- La proposition d’un contenu facile à comprendre.
- La division du contenu avec des titres et des sous-titres clairs.
- L’utilisation des points et des listes numérotées.
Comment vérifier la lisibilité et l'accessibilité ?
Les lettres
La mise en miroir, ou le retournement, est un phénomène lorsque le lecteur met en miroir des lettres et des chiffres qui ont la même forme lorsqu’ils sont retournés horizontalement. Par exemple, un lecteur pourrait confondre une lettre minuscule “b” avec un “d” minuscule.
Un problème différent et plus répandu chez les personnes atteintes de dyslexie et d’autres difficultés de lecture est la transposition des lettres. Par exemple, un lecteur peut confondre les mots “lion” et “loin”.
Pour réduire les risques qu’un lecteur confond les lettres, les mots et les chiffres, vérifiez les paires de caractères suivantes pour vous assurer qu’elles sont suffisamment distinctes les unes des autres :
- 0O
- a8
- qp
- 6g
- nu
- rn, m
- il1I
- db
Lors de la sélection d’une police de caractères, il est important d’évaluer les similitudes ou les différences entre les caractères majuscules “L”, les caractères minuscules “l” et les numériques “1”, car ces lettres et ces chiffres se ressemblent beaucoup.
“b”, “d”, “p” et “q” minuscules sont les lettres les plus souvent confondues. Des modifications subtiles des formes de lettres peuvent aider à les différencier.
Les couleurs
Le contraste des couleurs est important pour permettre aux utilisateurs de distinguer différents éléments textuels et non textuels.
Un contraste plus élevé rend les images plus faciles à voir. Les images ou le texte à faible contraste peuvent être difficiles à différencier pour certains utilisateurs dans des conditions de forte luminosité ou de faible de luminosité. C’est le cas, par exemple, pour les journées très ensoleillées ou pour les nuits.
Les rapports de contraste représentent la différence entre une couleur et une autre couleur. Généralement, ils sont écrits sous la forme suivante 1:1 ou encore 21:1. Le rapport de contraste entre une couleur et son arrière-plan varie de 1 à 21, en fonction de sa luminance, c’est -à -dire l’intensité de la lumière émise. Plus la différence est grande entre les deux nombres dans le rapport, plus la différence de luminance relative entre les couleurs est grande.
Les directives pour l’accessibilité du contenu Web (WCAG) du W3C recommandent les rapports de contraste suivants pour le corps et le texte des images pour une note AA :
- Gros texte (gras 14 pt/18 pt normal et plus) et graphiques : 3:1 contre l’arrière-plan.
- Petit texte : 4,5:1 contre le fond.
Le problème du contraste des couleurs peut être compliqué, car certaines personnes souffrant de troubles cognitifs sont sensibles à la lumière et peuvent ressentir de la fatigue oculaire ou se sentir distraites lorsqu’elles regardent du texte et des images à contraste élevé. Par exemple, un texte noir sur un fond blanc à un rapport de contraste de 21:1 risque d’être désagréable pour les personnes sensibles à la lumière. L’idéal serait de viser un rapport de contraste de 7:1, la note AAA pour WCAG.
Taille et espacement du texte
Il faut s’assurer que le texte n’est pas trop petit. Les dimensions exactes des tailles de police peuvent varier en fonction de :
- l’unité utilisée
- la taille de la fenêtre d’affichage
- La densité de pixels de l’écran de l’appareil
Il est recommandé d’utiliser des hauteurs de ligne assez généreuses, mais pas assez généreuses pour détacher les lignes les unes des autres. De même, il ne faut pas laisser les mesures, c’est-à-dire les longueurs de ligne devenir trop larges.
Les appareils mobiles et les navigateurs incluent des fonctionnalités permettant aux utilisateurs d’ajuster la taille de leur police à l’échelle du système. Pour activer le système de la taille de la police dans une application Android, il faut marquer le texte et les conteneurs associés pour qu’ils soient mesurés en pixels évolutifs (sp). Pour iOS, le type Dynamic est la fonctionnalité d’accessibilité permettant à l’application d’ajuster la taille de la police. De même, il ne faut pas définir les hauteurs de ligne lors du codage du texte comme dynamique et ajustable. Autrement, le lecteur peut choisir une grande taille de texte, mais il sera incapable de le lire, car les lignes de contenu se chevauchent.
Il faut s’assurer qu’il existe suffisamment d’espace pour les grandes polices d’autres systèmes d’écriture. Les polices ont des largeurs différentes. Si une police semble trop serrée, les lettres peuvent sembler s’entasser ou se chevaucher, ce qui entraîne une confusion des lettres. Le chevauchement se produit lorsque trop de lettres sont trop proches les unes des autres. Ainsi, certains mots peuvent devenir trop difficiles à lire : par exemple, ils peuvent être flous ou ils risquent de disparaître. L’augmentation de l’espacement des lettres, des mots et des lignes peuvent aider à réduire ou à atténuer ces effets.
Lors de la sélection d’une police sur Google Fonts, il est possible d’accéder au testeur de type pour essayer différentes largeurs. Regardez lequel est le plus confortable visuellement, réduit toute sensation de fatigue oculaire et augmente votre satisfaction globale de lecture.
Hyperliens
Il faut suivre ces directives pour pouvoir proposer des hyperliens accessibles :
- Permettre à l’utilisateur de modifier et les polices et de choisir les couleurs, en autorisant les préférences de l’utilisateur.
- Modifier la couleur des liens auxquels ils ont accès. Habituellement, les liens non visités sont en bleu et les liens visités sont en rose ou en mauve. Cela aide les utilisateurs à voir les liens auxquels ils ont déjà accédé.
- Le contenu intégré comme les documents, les feuilles de calcul, les vidéos et les présentations doivent comporter une phrase et un mien à côté du contenu intégré indiquant “Ouvrir le [le nom du contenu] dans une nouvelle fenêtre”.
- Tous les hyperliens sont descriptifs. Les logiciels de lecture d’écran lisent souvent les liens hors contexte à partir du texte environnant. Les liens doivent décrire clairement où l’utilisateur sera redirigé et quelle action cela déclenche.
Éléments non textuels et texte dans les images
Lors de la conception de contenu avec des images, il est important d’avoir des légendes et un texte alternatif pour les images informatives.
Les images décoratives qui n’ajoutent pas d’informations n’ont pas besoin de légendes ou de texte alternatif. En effet,
- Les légendes sont les textes qui apparaissent sous une image ou une vidéo. Ils expliquent les informations contextuelles.
- Les textes alternatifs décrivent ce que l’image ou la vidéo montrent. Cette information est importante pour les personnes qui ne peuvent pas voir l’image ou la vidéo. De même, lorsqu’un élément ne se charge pas sur un site web, le texte alternatif apparaît pour que les utilisateurs sachent ce qui manque.
Typographie inaccessible et déficience visuelle
Lorsque nous nous référons aux personnes ayant une déficience visuelle, nous voulons désigner 3 groupes :
- Basse vision
- Cécité
- Daltonisme
Basse vision
Pour les personnes malvoyantes, les caractères individuels peuvent être difficiles à percevoir. La mise en forme du texte et des paragraphes peut également rendre le texte plus difficile à lire.
Les utilisateurs malvoyants auront souvent besoin d’agrandir le contenu sur un écran pour pouvoir mieux lire. Cela peut être fait par :
- Le pincement et le zoom sur un appareil à écran tactile, ou par des commandes de zoom dans le navigateur sur un ordinateur.
- L’utilisation d’un logiciel d’agrandissement d’écran dédié (sur un téléphone ou un ordinateur) qui agrandit une partie de l’écran et suit la souris ou le doigt de l’utilisateur.
Cela signifie que la loupe d’écran est indispensable. Elle doit être prise en compte, lors de la mise en page du contenu textuel.
Cécité
La typographie peut également avoir un impact sur les personnes non voyantes ou ceux qui utilisent des technologies d’assistance comme les lecteurs d’écran.
Par exemple, un logiciel de lecture lit à voix haute le contenu affiché à l’écran, comme des sites web ou des documents. Dans ce cas, la typographie a un impact sur la lecture du contenu textuel.
Déficience de la vision des couleurs
Le daltonisme est un terme courant souvent utilisé pour décrire une déficience au niveau de la vision des couleurs. Or, le véritable daltonisme réside dans l’incapacité de voir n’importe quelle couleur, connue sous le nom de monochromie. Le déficit de la vision des couleurs est la difficulté à percevoir et à distinguer certaines couleurs est un trouble beaucoup plus fréquent.
Pour les personnes souffrant de tout type de déficience de la vision des couleurs ou de daltonisme, le rapport de contraste des couleurs du texte par rapport à son arrière-plan peut avoir un impact sur la lisibilité.
Typographie inaccessible et troubles cognitifs ou d'apprentissage
Les personnes ayant des troubles cognitifs ou d’apprentissage sont un large groupe ayant différents troubles. Les besoins de chaque personne sont uniques. Ces groupes incluent souvent les personnes atteintes de dyslexie, les personnes atteintes d’autisme et les personnes atteintes d’un trouble déficitaire de l’attention/ hyperactivité (TDAH).
Pour ces personnes, les problèmes courants rencontrés avec la typographie sont les suivants :
- Les personnes atteintes de dyslexie éprouvent des différences dans la façon dont le cerveau se souvient et réfléchit sur les lettres et les sons.
- Ils peuvent avoir des difficultés à reconnaître les lettres et les mots.
- Une conception et une mise en page complexes peuvent avoir un impact sur leur capacité à traiter les informations écrites.
- La difficulté à lire un texte peut entraîner une augmentation de la charge mentale et de la distraction.
Mot de la fin
Un site web doit être accessible et utilisable par le plus grand nombre de personnes possible. Les personnes ayant des troubles ou des limites doivent être capables d’accéder normalement aux contenus web.
L’accessibilité et la typographie sont indissociables. La typographie doit être nonne pour pouvoir garantir un contenu facile à lire et à comprendre, même pour les personnes ayants des troubles, comme des problèmes de vue. L’objectif est de garantir une expérience utilisateur satisfaisante pour tous les internautes.
by 
