Share
Créer et concevoir un contenu accessible signifie plus que simplement choisir une typographie accessible. Même avec des familles de polices «parfaites» sur votre site Web, les personnes malvoyantes, ayant des déficiences visuelles, cognitives, de la langue ou ayant des difficultés d’apprentissage peuvent avoir du mal à traiter le texte..
Examinons toutes les étapes et considérations de conception à prendre en compte pour rendre votre contenu plus accessible..
Ce tutoriel fait partie de l'accessibilité Web: le guide complet d'apprentissage, où nous avons rassemblé une gamme de tutoriels, d'articles, de cours et d'ebooks pour vous aider à comprendre l'accessibilité au Web dès le début..
Cela peut sembler un peu difficile de penser à tous les éléments à prendre en compte lors du choix d’une police de caractères accessible par rapport à une police sans serif, de variations de police, de taille de police, de crénage, de suivi… pour ne nommer que ceux-ci. Conformément aux instructions ci-dessous, vous avez pris les premières mesures pour rendre la typographie de votre site Web plus accessible..
Moins, c'est plus quand il s'agit de typographie accessible. Le moyen le plus simple de rendre votre typographie accessible est de choisir une police commune et de limiter le nombre de polices sur votre site Web. Ceci est particulièrement important pour votre copie de corps principale. Des études montrent que les polices courantes gagnent le plus souvent lors de la comparaison de la vitesse de lecture et des préférences de l'utilisateur pour différentes polices.
Familles de polices communes utilisées pour l'accessibilitéLes polices courantes incluent:
Ce n'est pas que ces polices soient intrinsèquement accessibles, mais la plupart des utilisateurs qui ont des difficultés avec les choix de typographie ont déjà vu ces polices et ont appris à les utiliser (ou à les utiliser)..
La recherche n’est pas concluante sur le point de savoir si les polices de caractères serif ou sans serif sont plus faciles à lire. Ce choix vous appartient donc aussi longtemps que vous choisissez des polices courantes ou des familles de polices ayant des caractères forts et uniques..
Lisibilité: différences entre Gill Sans et PT MonoPour les personnes malvoyantes ou souffrant de dyslexie, certaines lettres ou combinaisons de lettres peuvent être source de confusion. Il est donc important que les formes des lettres soient clairement définies et uniques. Les coupables communs sont le «je» (ex. Inde), le «l» (ex. Laitue) et le «1» (ex. Un). De même, des caractères tels que «b», «d», «q» et «p» peuvent parfois être reproduits (gauche à droite ou de haut en bas) afin que des mots tels que «piqué» puissent être basculés dans un mot insensé tel que «qipueb ”Ou parfois dans un mot réel qui changerait entièrement le sens du contenu.
Certaines caractéristiques peuvent améliorer la lisibilité. Ainsi, lorsque vous recherchez votre prochaine famille de polices, prêtez une attention particulière aux éléments suivants et vous serez sur la bonne voie pour choisir une police accessible:
En plus de choisir une famille de polices commune et de prêter attention à l'unicité des caractères, veillez à ne pas utiliser de polices élégantes ou manuscrites et / ou des polices ne disposant que d'une casse de caractères disponible (par exemple, uniquement des caractères majuscules). Les polices spéciales avec des formes cursives, inhabituelles ou des caractéristiques artistiques peuvent sembler agréables, mais elles sont beaucoup plus difficiles à lire que les familles de polices courantes.
Évitez ces polices d'affichage lors de la conception de l'accessibilitéDe même, n'utilisez pas de polices qui prétendent être accessibles ou qui aident un handicap en particulier (par exemple, les polices dyslexiques). Ils sont tentants d'utiliser, mais il n'y a aucune preuve claire qu'ils aident réellement les lecteurs. Vous feriez mieux de choisir une police commune que la majorité de vos utilisateurs connaissent déjà bien..
Les gens supposent souvent que, ayant choisi une police accessible, leur travail est mal fait! L'étape suivante consiste à déterminer le style des polices sur une page et à l'intégrer dans leur guide de style, ou à limiter certains styles aux éditeurs / créateurs de contenu afin de garantir l'accès à la typographie..
Certaines tailles de police et de style peuvent être problématiques pour les personnes handicapées. Par exemple, les lecteurs d'écran ignorent souvent les méthodes de style, telles que gras et italique, ce qui rend ces styles inutiles pour les utilisateurs non-voyants. Les utilisateurs malvoyants ou daltoniens risquent de ne pas voir une partie du texte s'il est trop petit, alors que d'autres risquent d'avoir du mal à lire du texte en italique.
Pour ces raisons, vous devez tenir compte des instructions suivantes:
* Oui, nous avons utilisé du texte dans un certain nombre d'images dans cet article, mais le contenu est souvent répliqué sous forme textuelle, et chaque image a une description. alt étiquette…
Avec le nombre de personnes qui ont une variante du daltonisme, souffrent de basse vision ou sont complètement aveugles (environ 9% de la population mondiale), il s’agit d’un domaine très vaste où les concepteurs peuvent avoir un impact direct et immédiat sur accessibilité du site.
Exemple de graphique de rapport de couleurs pour les policesVous devez prendre en compte de nombreux éléments lorsque vous souhaitez rendre votre contenu accessible dans une perspective de couleurs et de contrastes, notamment:
Bien que votre choix de typographie et de style puisse certainement contribuer à la création d’un site Web du point de vue de l’accessibilité, l’importance de la structure et de la présentation ne doit pas être ignorée. La manière dont votre site Web est aménagé (UI) et la façon dont les gens interagissent réellement avec votre site Web (UX) sont des facteurs tout aussi importants pour rendre votre contenu accessible. Les utilisateurs ayant des lecteurs d'écran, des troubles de la lecture, des troubles d'apprentissage ou des troubles du déficit de l'attention bénéficieront notamment d'une présentation claire et d'un contenu concis..
Considérez chaque page de votre site Web comme un aperçu d’une histoire. En considérant vos pages Web comme des récits individuels, cela vous aidera à planifier la structure globale de la page à l'aide d'en-têtes, de sous-titres et de paragraphes. Une grande partie de cela consiste à distinguer visuellement les éléments critiques les uns des autres. S'ils sont trop proches les uns des autres, il peut être difficile de dire où un élément commence et un autre se termine, surtout s'ils ont un style similaire.
Exemples d'espacement de paragraphePour les personnes ayant des troubles de lecture ou de vision, les longues lignes de texte peuvent également constituer un obstacle. Ces utilisateurs ont du mal à garder leur place et à suivre le flux du contenu. Avoir un bloc de texte étroit leur permet de passer plus facilement à la ligne suivante d'un bloc. Le nombre de caractères par ligne dans un paragraphe ou une section de texte (la «mesure») ne doit pas dépasser 80. Pour les caractères chinois, japonais ou coréens, vous devez limiter la largeur de chaque ligne à 40 pour vous aider à mieux cibler et mieux lire..
Enfin, lorsque vous examinez la structure et la mise en page de votre page, pensez à tout vos utilisateurs. La page doit avoir un sens pour les utilisateurs de tout point d'arrêt et de tout périphérique utilisant une souris, un clavier, un écran tactile ou un autre périphérique à technologie adaptative. Une fois que cette structure squelette est en place, le style de chaque phrase et paragraphe entre en jeu..
Pour les personnes atteintes de troubles cognitifs et de déficit de l'attention, les espaces sont utiles pour rester centrés sur la lecture. Il est recommandé de définir un espace entre chaque phrase de 1,5 par rapport à la hauteur de ligne de votre type. Dans les paragraphes, l’espacement devrait être au moins une fois et demie plus grand que l’espacement des lignes afin de définir clairement de nouvelles sections de contenu. Dans la plupart des cas, l’espacement des lignes ne doit pas dépasser 2,0 et l’espacement entre les paragraphes ne doit pas dépasser 2,0 fois l’espacement des lignes, sinon vous risquez de distraire vos lecteurs..
Texte parfaitement justifié et texte aligné à gaucheDe même, les personnes atteintes de certaines déficiences de lecture ou cognitives rencontrent des difficultés pour lire un texte entièrement justifié. L'espacement irrégulier des mots dans un texte entièrement justifié peut entraîner la formation de «fleuves d'espace» au bas de la page, rendant le contenu difficile à lire. La justification du texte peut également amener les mots à être regroupés de manière rapprochée ou à être étirés de manière non naturelle, ce qui rend difficile la localisation des limites de mots..
Il existe de nombreuses considérations de conception pour rendre votre contenu plus accessible à tous. Parmi les éléments à prendre en compte et à intégrer à votre flux de travail de conception, citons:
Accentsconagua