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 souffrant de déficience visuelle, de troubles cognitifs, du langage ou de l'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 l'approche, pour n'en citer que quelques-uns.
Ce module examine les considérations de conception de base pour rendre votre contenu plus inclusif et toucher encore plus de personnes.
Police
La police est un facteur majeur qui peut avoir un impact important sur 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 ou sans hyperactivité (TDAH), ainsi que les personnes malvoyantes, peuvent toutes bénéficier de l'utilisation de polices accessibles.
Choisir des polices courantes
Le moyen le plus rapide de créer une conception accessible consiste à choisir une police courante (comme Arial, Times New Roman, Calibri, Verdana et bien d'autres).
De nombreuses études sur les polices testant des personnes handicapées montrent que les polices courantes permettent une vitesse de lecture plus rapide et un niveau de compréhension plus élevé que les polices moins courantes. Bien que les polices courantes ne soient pas intrinsèquement plus accessibles que les autres, certaines personnes handicapées les lisent plus facilement, car elles ont beaucoup d'expérience avec ces polices.
En plus de choisir une police courante, veillez à éviter les polices ornementales ou manuscrites, ainsi que celles qui ne comportent qu'une seule casse (par exemple, uniquement des majuscules). Ces polices spéciales avec des motifs cursifs, des formes originales ou des caractéristiques artistiques comme des lignes fines peuvent être esthétiques, mais elles sont beaucoup plus difficiles à lire pour certaines personnes handicapées que les polices courantes.
Caractéristiques des lettres et approche
Les recherches sur la facilité de lecture des polices avec ou sans empattement ne sont pas concluantes, mais certains chiffres, lettres ou combinaisons peuvent dérouter les personnes souffrant de troubles cognitifs et d'apprentissage liés au langage. Pour les personnes souffrant de ces types de handicaps, chaque lettre et chaque chiffre doivent être clairement définis et avoir des caractéristiques uniques, afin que les lettres ne soient pas confondues avec des chiffres.
Les erreurs de lisibilité courantes concernent le I majuscule (India), le l
minuscule (lettuce) et le chiffre 1. De même, les paires de lettres comme b et d, p et
q, f et t, i et j, m et w, et n et u peuvent apparaître inversées,
de gauche à droite ou de haut en bas, pour certains lecteurs.
La lisibilité du texte diminue également lorsque l'espacement entre les lettres ou l'approche est trop faible. Portez une attention particulière à l'approche, en particulier entre la paire de lettres problématique r/n. Sinon, des mots comme "yarn" pourraient devenir "yam" ou "stern" devenir "stem", 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 des familles de polices accessibles de partenaires fondeurs directement dans vos conceptions, y compris certaines Google Fonts.
Lorsque vous recherchez votre prochaine police, portez une attention particulière aux points suivants :
- Utilisez des polices courantes dans la mesure du possible.
- Évitez d'utiliser des polices élaborées ou manuscrites, ainsi que celles qui ne comportent qu'une seule casse.
- Choisissez une police avec des caractéristiques uniques, en accordant une attention particulière au I majuscule, au l minuscule et au 1.
- Vérifiez certaines combinaisons de lettres pour vous assurer qu'elles ne sont pas une image miroir exacte l'une de l'autre.
- Vérifiez l'approche, en particulier entre la paire de lettres r et n.
Taille de la police et style typographique
Les gens pensent souvent que le choix d'une famille de polices accessible suffit à 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 atteintes de déficience visuelle ou de daltonisme peuvent ne pas être en mesure de lire une partie du texte s'il est trop petit, en utilisant une technologie d'assistance comme le zoom du navigateur pour le lire. 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 style, telles que le gras et l'italique. L'intention de ces styles n'est donc pas transmise aux utilisateurs aveugles ou ayant une déficience visuelle.
h2 {font-size: 16px;}h2 {font-size: 1rem;}Comme 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, telles que la couleur, le gras, les MAJUSCULES et l'italique, pour améliorer la lisibilité. Utilisez plutôt des méthodes pour mettre en évidence des mots dans votre texte, comme des astérisques, des tirets ou la mise en surbrillance d'un mot.
- Utilisez le balisage plutôt que du texte sur les images dans la mesure du possible. Les lecteurs d'écran ne peuvent pas lire le texte intégré dans les images (sans code supplémentaire ajouté), et le texte intégré peut également devenir pixélisé lorsqu'il est agrandi par les utilisateurs ayant une déficience visuelle.
Structure et mise en page
Bien que la police, 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 être un véritable obstacle pour les personnes malvoyantes, souffrant de troubles de la lecture et pour les 6, 1 millions de personnes aux États-Unis atteintes de TDAH. Ces types de handicaps rendent plus difficile pour les personnes de se repérer et de suivre le flux du texte en raison du manque 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 essentiels les uns des autres et à regrouper les éléments similaires. Si les éléments sont trop proches, il peut être difficile de déterminer où commence et où se termine un élément, en particulier s'ils ont un style similaire.
Considérez votre texte comme une collection de puces individuelles dans 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 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 à se repérer et à suivre le flux du texte.
Un bloc de texte étroit permet aux lecteurs de passer plus facilement à la ligne suivante.
Alignement du contenu
La lecture de texte justifié est une autre source de frustration pour de nombreuses personnes handicapées. L'espacement inégal entre les mots dans le texte justifié peut créer des "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 rend difficile pour les lecteurs de localiser les limites des mots.
Heureusement, il existe des consignes claires sur l'espacement et des outils tels que Good Line-Height et le calculateur du nombre d'or pour rendre notre texte plus accessible. L'intégration de ces consignes aide les personnes souffrant de troubles de l'attention, de troubles de la lecture et de handicaps visuels à 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, veillez à :
- Utiliser des éléments tels que des titres, des sous-titres, des listes, des chiffres, des blocs de citation et d'autres regroupements visuels pour diviser la page en sections.
- Utiliser des paragraphes, des phrases et un espacement entre les mots clairement définis.
- Créer des colonnes de texte dont la largeur est inférieure à 80 caractères (40 caractères pour les logogrammes).
- Éviter l'alignement justifié des paragraphes, qui crée des "rivières d'espace" dans le texte.
Points clés concernant la typographie accessible
La typographie accessible se résume à des choix de conception de bon sens 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.