Typographie

Créer et concevoir du contenu accessible ne se résume pas à choisir une facile à lire. Même avec des familles de polices accessibles, les personnes malvoyantes, les troubles cognitifs, du langage et de l'apprentissage peuvent avoir des difficultés à 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 citerez que quelques-unes. Ce module aborde les considérations de conception de base rendre vos contenus plus inclusifs et toucher encore plus de personnes.

Police

Un facteur majeur qui peut avoir un impact important sur l’accessibilité de la copie est la police de caractères. Votre choix de police de caractères et de style peut faire ou dégrader n'importe quelle conception de page.

Les personnes souffrant de troubles de la lecture, de l'apprentissage ou de l'attention tels que la dyslexie et le trouble avec hyperactivité du déficit de l'attention (TDAH), ainsi que les personnes ayant une déficience visuelle, peuvent toutes bénéficier de l'utilisation de polices de caractères accessibles.

Choisir des polices de caractères courantes Le moyen le plus rapide de créer une conception accessible consiste à choisir une police de caractères courante (par exemple, Arial, Times New Roman, Calibri, Verdana et bien d'autres).

De nombreuses études de police portant sur des personnes ayant un handicap montrent que les polices de caractères courantes accélèrent la lecture et améliorent le niveau de 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 un temps de lecture plus facile car elles ont beaucoup d'expérience avec (ou autour) de ces polices de caractères.

En plus de choisir une police de caractères courante, assurez-vous d'éviter les polices de caractères élaborées ou manuscrites, ainsi que celles ne disposant que d'une seule casse de caractère (par exemple, uniquement des caractères majuscules). Ces polices de caractères spécialisées aux motifs cursifs, aux formes originales ou aux caractéristiques artistiques comme les lignes fines peuvent être jolies, 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

La recherche pour savoir si les polices de caractères avec empattement ou sans empattement sont plus faciles à read n'est pas concluant, mais certains chiffres, lettres ou combinaisons peuvent prêter à confusion les personnes souffrant de troubles cognitifs ou d'apprentissage basés sur le langage. Pour les personnes souffrant de ces types de handicaps, chaque lettre et chaque chiffre doit être sont clairement définies et présentent des caractéristiques uniques, de sorte que les lettres ne soient pas confondues. avec des chiffres.

Le « I » majuscule est le plus courant, (Inde), "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 s'inverser de gauche à droite ou de haut en bas pour certains lecteurs.

La lisibilité du texte diminue également lorsque l'espacement des lettres ou le crénage est trop important stricte. Portez une attention particulière au crénage, en particulier entre les parties problématiques de lettres r/n. Dans le cas contraire, des mots tels que "fil" pourrait changer en "yam" ou "stern" par « racine », change complètement le sens de la copie.

Les collections de polices 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 des familles de polices accessibles à partir de Findry partenaires directement dans vos conceptions. Cela inclut une sélection Google Fonts :

Lorsque vous recherchez votre prochaine police de caractères, portez une attention particulière aux éléments 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.
  • Passez en revue certaines combinaisons de lettres pour vous assurer qu'elles ne sont pas exactement le miroir l'une de l'autre.
  • Vérifiez le crénage, en particulier entre la paire de lettres r/n.

Taille de la police et style typographique

On pense 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 TA (comme le zoom du navigateur) pour lire le texte. tandis que d'autres utilisateurs, comme les personnes souffrant de dyslexie ou de troubles de la lecture, peuvent avoir des difficultés à lire le texte en italique. Les lecteurs d'écran ignorent souvent les méthodes de style, telles que le gras et l'italique, de sorte que l'intention de ces styles n'est pas communiquée 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 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 permettent un redimensionnement facile.
  • Limitez le nombre de variantes de police telles que couleur, gras, TOUT EN MAJUSCULES et italique pour améliorer la lisibilité. Utilisez plutôt des méthodes pour mettre l'accent sur les mots pour ajouter du texte, par exemple en ajoutant des astérisques ou 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é dans les images (sans ajouter de code supplémentaire) et le texte intégré peuvent également devenir pixélisés lorsqu'ils sont agrandis par des utilisateurs malvoyants.

Structure et mise en page

Si la police de caractères, la taille de police et le style typographique sont importants pour rendre la typographie, structure et la mise en page du texte peut être tout aussi importante pour la compréhension de l'utilisateur.

Les mises en page complexes peuvent représenter un véritable obstacle pour les personnes malvoyantes, et les 6, 1 millions de personnes atteintes d'un TDAH aux États-Unis. Ces types de handicaps rendent plus difficile pour les individus de garder leur placer et suivre le flux du texte en raison de l'absence de chemins linéaires clairs, en-têtes manquants et des éléments dégroupés.

Un aspect important des conceptions de mise en page accessibles consiste à rendre les éléments critiques distincts les uns des autres et regroupant des éléments similaires. Si le les éléments sont trop proches, il peut être difficile de savoir où commence un élément et se termine, surtout si leur style est similaire.

Considérez votre texte comme un ensemble de puces individuelles sur une dans les grandes lignes. Cela vous aidera à planifier la structure globale de la page et vous permettra pour 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 aide les lecteurs à se concentrer sur le texte et contribue à la compréhension visuelle globale de la page. Les longues lignes de texte peuvent être un obstacle pour les lecteurs handicapés, car ils ont du mal à garder leur place et à suivre le déroulement du texte. Un petit bloc de texte permet aux lecteurs de passer plus facilement à la ligne suivante.

Alignement du contenu

Pour de nombreuses personnes en situation de handicap, la raison pour laquelle la lecture est justifiée est une autre frustration copier. L'espacement inégal entre les mots d'un texte justifié peut entraîner des espace" pour se former vers le bas de la page, ce qui rend la copie difficile à lire.

La justification d'un texte peut également regrouper des mots ou sont disposés de façon exagérée pour que les lecteurs aient du mal à les retrouver des limites.

Heureusement, il existe des consignes claires concernant l'espacement et des outils tels que Bonne hauteur de ligne et le Simulateur de rapport de référence 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 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 envisagez 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 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 ne dépassant pas 80 caractères (40 pour les logogrammes).
  • Évitez l'alignement justifié des paragraphes, qui crée des "fleuves d'espace". dans un rayon de la copie.

Points à retenir concernant la typographie

Une typographie accessible peut se résumer à des choix de conception de bon sens basés sur sur la base de votre connaissance de l'expérience besoins. En gardant ce module à l'esprit pendant à concevoir et à créer votre contenu vous aidera communiquer clairement avec le plus grand nombre de personnes.

Testez vos connaissances

Tester vos connaissances sur la mesure de l'accessibilité

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

Vrai
Si un contraste élevé peut être utile pour certaines personnes ayant une déficience visuelle, d'autres peuvent souffrir de handicaps qui rendent le contenu à fort contraste difficile à lire.
Faux
Certaines personnes en situation de handicap ne pourront pas lire votre contenu si le contraste est trop élevé. Si possible, autorisez les paramètres du système d'exploitation de l'utilisateur à déterminer le contraste.

Quelles polices sont les meilleures pour l'accessibilité ?

Des polices système comme Arial et Verdana.
Les polices de caractères courantes accélèrent la lecture et améliorent le niveau de compréhension par rapport aux polices de caractères peu courantes.
Polices de caractères accessibles.
Les collections de polices de caractères accessibles comme Google Foundry sur Adobe Fonts peuvent vous aider à choisir la police de caractères la plus inclusive pour votre prochaine conception.
Ce n'est pas bien grave.
Le choix de la police peut avoir un impact sur la lisibilité. Évitez les scripts complexes et les polices artistiques.