Typographie

Créer et concevoir des contenus accessibles ne se limite pas à choisir une police facile à lire. Même avec des familles de polices accessibles, les personnes malvoyantes, celles souffrant de troubles cognitifs, linguistiques et d'apprentissage peuvent avoir du mal à traiter le texte en raison d'autres éléments tels que les variations de police, la taille, l'espacement et le kerning, pour n'en citer que quelques-uns.

Ce module examine les considérations de conception de base pour rendre vos contenus plus inclusifs et toucher encore plus de personnes.

Police

La typographie est un facteur majeur qui peut fortement affecter l'accessibilité du texte. Votre choix de police et de style peut faire ou défaire la conception d'une page.

Les personnes souffrant de troubles de la lecture, de l'apprentissage et de l'attention, comme la dyslexie et le trouble du déficit de l'attention avec hyperactivité (TDAH), ainsi que les personnes ayant une déficience visuelle, peuvent tous bénéficier de l'utilisation de typographies accessibles.

Choisissez des polices courantes. Le moyen le plus rapide de créer une conception accessible consiste à choisir une police courante (Arial, Times New Roman, Calibri, Verdana, etc.).

De nombreuses études sur les polices de caractères menées auprès de personnes ayant un handicap montrent que les polices de caractères courantes permettent de lire plus rapidement et d'atteindre un niveau de compréhension plus élevé par rapport aux polices de caractères inhabituelles. Bien que les polices de caractères courantes ne soient pas intrinsèquement plus accessibles que d'autres, certaines personnes ayant un handicap ont plus de facilité à les lire, car elles ont beaucoup d'expérience avec ces polices.

En plus de choisir une police de caractères courante, veillez à éviter les polices ornées ou manuscrites, ainsi que celles qui ne proposent qu'une seule casse de caractères (par exemple, uniquement des caractères en majuscules). Ces polices spéciales aux écritures cursives, aux formes originales ou aux caractéristiques artistiques comme les lignes fines peuvent sembler agréables à l'œil, mais elles sont beaucoup plus difficiles à lire pour certaines personnes ayant un handicap que les polices courantes.

Caractéristiques des lettres et espacement

Les recherches sur la question de savoir si les typographies Serif ou Sans Serif sont plus faciles à lire sont peu concluantes, mais certains chiffres, lettres ou combinaisons peuvent prêter à confusion pour les personnes ayant des troubles cognitifs et des difficultés d'apprentissage basées sur le langage. Pour les personnes souffrant de ces types de troubles, chaque lettre et chaque chiffre doit être clairement défini et présenter des caractéristiques uniques, afin que les lettres ne soient pas confondues avec des chiffres.

Les lettres majuscules "I" (Inde), minuscules "l" (laitue) et le chiffre "1" sont des exemples courants de caractères qui nuisent à la lisibilité. De même, les paires de lettres telles que b/d, p/q, f/t, i/j, m/w et n/u peuvent parfois être inversées de gauche à droite ou de haut en bas pour certains lecteurs.

La lisibilité de la copie diminue également lorsque l'espacement des lettres ou le kerning est trop serré. Portez une attention particulière à l'espacement, en particulier entre la paire de lettres problématique r/n. Sinon, des mots comme "fil" pourraient être remplacés par "igname" ou "arrière" par "tige", ce qui changerait complètement le sens du texte.

Les collections de polices Open Source comme Google Fonts peuvent vous aider à sélectionner la police la plus inclusive pour votre prochaine conception. Si vous utilisez des produits Adobe, vous pouvez intégrer directement des familles de polices accessibles de fonderies partenaires dans vos conceptions, y compris certaines polices Google.

Lorsque vous recherchez votre prochaine typographie, portez une attention particulière aux points suivants:

  • Dans la mesure du possible, utilisez des polices courantes.
  • Évitez d'utiliser des polices élaborées ou manuscrites, ainsi que celles qui ne comportent qu'une seule casse.
  • Choisissez une typographie aux caractéristiques uniques, en accordant une attention particulière aux lettres I majuscule, l minuscule et 1.
  • Examinez certaines combinaisons de lettres pour vous assurer qu'elles ne sont pas des images miroir exactes les unes des autres.
  • Vérifiez l'espacement entre les caractères, en particulier entre les lettres r et n.

Taille de la police et style typographique

On suppose souvent que choisir une famille de polices accessible est suffisant pour créer des contenus inclusifs, mais il est également important de tenir compte de la taille de la police et de la mise en forme du texte sur une page.

Par exemple, les personnes malvoyantes ou daltoniennes peuvent être incapables de lire une partie du texte s'il est trop petit. Elles peuvent alors utiliser une technologie d'assistance, comme le zoom du navigateur, pour lire le texte. D'autres utilisateurs, comme ceux qui souffrent de dyslexie ou de troubles de la lecture, peuvent avoir du mal à lire le texte en italique. Les lecteurs d'écran ignorent souvent les méthodes de mise en forme, telles que l'italique et le gras. L'intention de ces styles n'est donc pas transmise aux utilisateurs aveugles ou malvoyants.

À éviter
h2 {font-size: 16px;}
À faire
h2 {font-size: 1rem;}

Étant donné que vous ne pouvez pas prédire les besoins de chaque utilisateur, lorsque vous ajoutez des polices à vos sites Web et applications Web, veillez à tenir compte des consignes suivantes:

  • Les tailles de police de base doivent être définies avec une valeur relative (%, rem ou em) pour permettre le redimensionnement.
  • Limitez le nombre de variations de police, comme la couleur, le gras, les majuscules et les italiques, pour améliorer la lisibilité. Utilisez plutôt des méthodes pour mettre en avant des mots dans votre texte, comme des astérisques, des tirets ou la mise en surbrillance d'un mot spécifique.
  • Utilisez des balises au lieu de texte sur les images autant que possible. Les lecteurs d'écran ne peuvent pas lire le texte intégré aux images (sans code supplémentaire ajouté). Le texte intégré peut également devenir pixélisé lorsqu'il est agrandi par des utilisateurs ayant une déficience visuelle.

Structure et mise en page

Bien que la typographie, la taille de la police et le style typographique soient importants pour une typographie accessible, la structure et la mise en page du texte sur une page peuvent être tout aussi importantes pour la compréhension de l'utilisateur.

Les mises en page complexes peuvent constituer un véritable obstacle pour les personnes malvoyantes, celles souffrant de troubles de la lecture et les 6, 1 millions de personnes aux États-Unis atteintes de TDAH. Ces types de handicaps rendent plus difficile pour les utilisateurs de garder leur place et de suivre le fil de la copie en raison de l'absence de parcours linéaires clairs, de titres manquants et d'éléments non regroupés.

Un aspect important des conceptions de mise en page accessibles consiste à distinguer les éléments essentiels les uns des autres et à regrouper les éléments similaires. Si les éléments sont trop proches, il peut être difficile de savoir où commence et se termine un élément, en particulier s'ils ont un style similaire.

Considérez votre texte comme une collection de puces individuelles sur un plan. Cela vous aidera à planifier la structure globale de la page et vous permettra d'utiliser des titres, des sous-titres et des listes chaque fois que cela est approprié.

Espacement

L'espacement entre les paragraphes, les phrases et les mots aide les lecteurs à rester concentrés sur le texte et à mieux comprendre la page visuellement. Les lignes de texte longues peuvent constituer un obstacle pour les lecteurs ayant un handicap, car ils ont du mal à garder leur place et à suivre le fil de la lecture.

Un bloc de texte étroit permet aux lecteurs de passer plus facilement à la ligne suivante.

Alignement du contenu

La lecture de texte justifié est également une source de frustration pour de nombreuses personnes ayant un handicap. L'espacement inégal entre les mots dans un texte justifié peut entraîner la formation de "rivières d'espace" sur la page, ce qui rend le texte difficile à lire.

La justification du texte peut également entraîner un regroupement ou un étirement des mots de manière non naturelle, ce qui peut rendre difficile pour les lecteurs de trouver les limites des mots.

Heureusement, il existe des consignes claires sur l'espacement et des outils tels que Good Line-Height et le calculateur de proportion dorée pour nous aider à rendre notre texte plus accessible. L'application de ces consignes aide les personnes souffrant de troubles de l'attention, de troubles de la lecture et de déficiences visuelles à se concentrer davantage sur le contenu et moins sur la mise en page.

Bonnes pratiques concernant la structure et la mise en page

Lorsque vous réfléchissez à la structure et à la mise en page, veillez à:

  • Utilisez des éléments tels que des titres, des sous-titres, des listes, des chiffres, des blocs de citations et d'autres regroupements visuels pour diviser la page en sections.
  • Utilisez des paragraphes, des phrases et des espaces entre les mots clairement définis.
  • Créez des colonnes de texte dont la largeur est inférieure à 80 caractères (40 caractères pour les logogrammes).
  • Évitez l'alignement justifié des paragraphes, qui crée des "rivières d'espace" dans le texte.

Remarques sur la typographie accessible

La typographie accessible peut se résumer à des choix de conception basés sur le bon sens en fonction de vos connaissances des besoins de vos utilisateurs. Gardez ce module à l'esprit lorsque vous concevez et développez votre contenu. Vous pourrez ainsi communiquer clairement avec le plus grand nombre de personnes.

Vérifier vos connaissances

Tester vos connaissances sur la mesure de l'accessibilité

Pour que le texte soit lisible, je dois toujours utiliser un contraste élevé entre le texte et l'arrière-plan.

Vrai
Faux

Quelles polices sont les plus adaptées à l'accessibilité ?

Polices système telles qu'Arial et Verdana
Ce n'est pas bien grave.
Polices de caractères accessibles.