Typographie

Créer et concevoir du contenu accessible ne se résume pas au choix d'une police facile à lire. Même avec des familles de polices accessibles, les personnes souffrant de déficiences visuelles, cognitives, linguistiques ou 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 crénage, pour n'en citer que quelques-uns. Ce module aborde les principes de base à prendre en compte pour créer un contenu plus inclusif et toucher encore plus de spectateurs.

Police

La police de caractères est un facteur majeur qui peut avoir un impact important sur l'accessibilité de la copie. Votre choix de police et de style peut influer sur la conception de n'importe quelle page.

Les personnes souffrant de troubles de la lecture, de l'apprentissage et de l'attention tels que la dyslexie et le trouble d'hyperactivité du déficit de l'attention (TDAH), ainsi que les personnes malvoyantes, peuvent tous tirer profit de polices de caractères accessibles.

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

De nombreuses études de police portant sur les personnes ayant un handicap montrent que les polices de caractères courantes accélèrent la lecture et améliorent la compréhension par rapport aux polices peu courantes. Bien que ces polices de caractères courantes ne soient pas intrinsèquement plus accessibles que d'autres polices de caractères, certaines personnes handicapées ont plus de facilité à les lire parce qu'elles ont une grande expérience de travail avec (ou autour) ces polices de caractères.

En plus de choisir une police de caractères courante, évitez les polices richement décorées ou manuscrites, ainsi que celles ne comportant qu'une seule casse de caractères (par exemple, uniquement les majuscules). Ces polices de caractères spéciales avec des motifs cursifs, des formes originales ou des éléments artistiques comme les lignes fines peuvent sembler belles, mais elles sont beaucoup plus difficiles à lire pour certaines personnes handicapées que les polices de caractères courantes.

Caractéristiques des lettres et crénage

Les recherches sur la facilité de lecture des polices de caractères avec ou sans empattement ne sont pas concluantes, mais certains chiffres, lettres ou combinaisons peuvent prêter à confusion pour les personnes souffrant de troubles cognitifs et d'apprentissage du langage. Pour les personnes présentant ces types de handicap, chaque lettre et chaque chiffre doivent être clairement définis et présenter des caractéristiques uniques, de sorte que les lettres ne soient pas confondues avec des chiffres.

Les problèmes de lisibilité les plus courants sont le "I" majuscule (Inde), le "l" minuscule (laitue) et le chiffre "1". De même, les paires de lettres comme b/d, p/q, f/t, i/j, m/w et n/u peuvent parfois basculer vers la gauche, la droite ou le haut pour certains lecteurs.

La lisibilité du texte diminue également lorsque l'espacement des lettres ou le crénage sont trop serrés. Portez une attention particulière au crénage, en particulier entre la paire de lettres r/n problématique. Sinon, des mots tels que "fil" pourraient passer à "yam" ou "stern" à "radical", ce qui changera complètement le sens du texte.

Les collections de polices Open Source telles que Google Fonts peuvent vous aider à sélectionner la police de caractères la plus inclusive pour votre prochaine conception. Si vous utilisez des produits Adobe, vous pouvez intégrer des familles de polices accessibles provenant de partenaires de fonderie directement dans vos conceptions. Cela inclut la sélection de Google Fonts.

Lorsque vous recherchez votre prochaine police de caractères, soyez particulièrement attentif aux points suivants:

• Dans la mesure du possible, utilisez des polices courantes.
• Évitez d'utiliser des polices élaborées ou manuscrites et celles qui ne contiennent qu'une seule casse de caractères.
• Choisissez une police de caractères aux 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 correspondent pas exactement à celles de l'autre.
• Vérifiez le crénage, en particulier entre la paire de lettres r/n.

Taille de police et style typographique

Les gens partent souvent du principe qu'il suffit de choisir une famille de polices accessible pour créer un contenu inclusif. Cependant, il est également important de tenir compte de la taille de la police et du style du texte sur la page.

Par exemple, les personnes malvoyantes ou daltoniennes peuvent être incapables de lire une partie du texte s'il est trop petit, en utilisant un TA, comme un zoom de navigateur, pour le lire. D'autres utilisateurs, comme ceux qui souffrent de dyslexie ou de troubles de la lecture, peuvent avoir des difficultés à lire du texte en italique. Les lecteurs d'écran ignorent souvent les méthodes de mise en forme, comme le gras et l'italique, de sorte que l'intention de ces styles n'est pas communiquée aux utilisateurs aveugles ou malvoyants.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

Étant donné que vous ne pouvez pas prédire quels sont les besoins de chaque utilisateur, lorsque vous ajoutez des polices à vos produits numériques, tenez compte des directives suivantes:

• Les tailles de police de base doivent être définies avec une valeur relative (%, rem ou em) pour faciliter le redimensionnement.
• Limitez le nombre de variantes de police de caractères, comme la couleur, le texte gras, tout en MAJUSCULES et l'italique pour améliorer la lisibilité. Utilisez plutôt des méthodes pour mettre en avant des mots dans votre texte, tels que des astérisques, des tirets ou la mise en surbrillance d'un mot individuel.
• Dans la mesure du possible, utilisez le balisage au lieu du texte sur les images. Les lecteurs d'écran ne peuvent pas lire le texte intégré dans les images (sans ajout de code supplémentaire), et le texte intégré peut également être pixélisé s'il est agrandi par des utilisateurs malvoyants.

Structure et mise en page

Si la police de caractères, 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 de l'utilisateur.

Les mises en page complexes peuvent représenter un véritable obstacle pour les personnes atteintes de déficience visuelle ou de lecture, ainsi que pour les 6, 1 millions de personnes aux États-Unis atteintes de TDAH. Avec ces types de handicaps, il est plus difficile pour les utilisateurs de conserver leur place et de suivre le flux du texte en raison de l'absence de chemins 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 critiques les uns des autres et à regrouper des éléments similaires. Si les éléments sont trop proches, il peut être difficile de savoir où commence et se termine, surtout s'ils ont un style similaire.

Considérez votre texte comme un ensemble de puces individuelles sur un plan. Cela vous aidera à planifier la structure globale de la page et à utiliser des en-têtes, des sous-titres et des listes chaque fois que nécessaire.

Espacement

L'espacement entre les paragraphes, les phrases et les mots est également important, car il permet aux lecteurs de rester concentrés sur le texte et d'améliorer la compréhension visuelle globale de la page. Les longues lignes de texte peuvent être un obstacle pour les lecteurs en situation de handicap, car ils ont du mal à ne pas perdre le fil et à suivre le rythme des contenus. Un bloc de texte restreint permet aux lecteurs de passer plus facilement à la ligne suivante.

Alignement du contenu

De nombreuses personnes handicapées rencontrent un autre problème : lire une copie justifiée. 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 la copie difficile à lire.

La justification de texte peut également entraîner un regroupement ou une étirement artificielle des mots. Les lecteurs peuvent donc avoir du mal à localiser les limites des mots.

Heureusement, il existe des consignes claires sur l'espacement et des outils tels que la bonne hauteur de ligne et le calculateur de ratio d'or pour rendre notre texte plus accessible. L'intégration de ces directives aide les personnes souffrant de troubles du déficit de l'attention, de la lecture et de troubles de la vision à se concentrer davantage sur le texte 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, assurez-vous de:

• Utilisez des éléments tels que des en-têtes, des sous-titres, des listes, des nombres, des guillemets et d'autres regroupements visuels pour diviser la page en sections.
• Utilisez des paragraphes et des phrases, et un espacement entre les mots clairement définis.
• Créez des colonnes de texte qui ne dépassent pas 80 caractères de largeur (40 caractères pour les logogrammes).
• Évitez un alignement justifié des paragraphes, ce qui crée des "rivières d'espace" dans le texte.

Principaux points à retenir concernant la typographie

Une typographie accessible peut se résumer à des choix de conception basés sur le bon sens en fonction de votre connaissance des besoins de vos utilisateurs. Gardez ce module à l'esprit lorsque vous concevez et créez votre contenu pour vous aider à communiquer clairement avec le plus grand nombre de personnes.

Testez vos connaissances

Tester vos connaissances sur la mesure de l'accessibilité