Typographie

Créer et concevoir du contenu accessible ne se résume 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 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 crénage

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 s'inverser 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 de caractères Open Source telles que Google Fonts peuvent vous aider à choisir la police de caractères 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 police de caractères, portez une attention particulière aux points suivants:

  • Utilisez des polices courantes autant que possible.
  • Évitez d'utiliser des polices élaborées ou manuscrites et celles ne comportant qu'une seule casse de caractère.
  • Choisissez une police de caractères avec des caractéristiques uniques, en accordant une attention particulière au I majuscule, au l minuscule et au 1.
  • Examinez certaines combinaisons de lettres pour vous assurer qu'elles ne sont pas des images miroir exactes les unes des autres.
  • Vérifiez le crénage, en particulier entre la paire de lettres r et n.

Taille de la police et style typographique

Les gens pensent souvent que choisir une famille de polices accessible consiste à créer un contenu inclusif, mais il est également important de tenir compte de la taille de la police et du style du texte sur une page.

Par exemple, les personnes malvoyantes ou daltoniennes peuvent ne pas être en mesure de lire une partie du texte s'il est trop petit, en utilisant un 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, l'italique, les majuscules et l'italique, 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.
  • Dans la mesure du possible, utilisez le balisage plutôt que le texte sur les images. 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

Si la police, la taille de la police et le style typographique sont importants pour la typographie accessible, la structure et la mise en page du texte sur une page peuvent être tout aussi importantes pour la compréhension d'un 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 personnes de garder leur place et de suivre le flux de la copie en raison de l'absence de chemins linéaires clairs, de titres manquants et d'éléments non groupés.

Un aspect important des conceptions de mise en page accessibles consiste à différencier les éléments critiques 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 petit bloc de texte 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 d'un texte justifié peut entraîner la formation de "fleuves d'espace" sur la page, ce qui rend la copie 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 concernant l'espacement et des outils, tels que Bonne hauteur de ligne et le Simulateur de rapports dorés, qui permettent de 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 guillemets 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

Une typographie accessible peut se résumer à des choix de conception pertinents basés sur votre connaissance des besoins de vos utilisateurs. En gardant ce module à l'esprit lorsque vous concevez et créez votre contenu, vous pourrez communiquer clairement avec le plus grand nombre de personnes possible.

Vérifier vos connaissances

Tester vos connaissances sur la mesure de l'accessibilité

Pour une copie lisible, je dois toujours utiliser un contraste élevé entre ma copie et l'arrière-plan.

Faux
Vrai

Quelles polices sont les meilleures pour l'accessibilité ?

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