Ceci est un article invité de Jennifer Moline*.
message sponsorisé
L’accessibilité des images est souligné lors de la formation en conception Web, mais une question tout aussi importante qui est beaucoup moins abordée est l’accessibilité des polices. Alors que les images nécessitent des balises de texte alternatif pour permettre aux malvoyants de savoir ce qui est affiché, une bonne accessibilité des polices rendra votre site plus accessible à tous.
La mise en forme, la police de caractères et la variété de polices sont des facteurs à prendre en compte lors de la création et de la rédaction de documents, car le contenu numérique contient la majorité des polices accessibles, ce qui est crucial pour réduire le obstacles aux données et à l’information
Facteurs qui rendent le texte lisible
Longueur de la ligne Style de police Sélection prudente de serif ou sans Épaisseur de la ligne Taille des caractères
Caractéristiques d’accessibilité de la police
Il existe plusieurs Caractéristiques du texte de votre site Web qui sont toutes considérées comme faisant partie de l’accessibilité des polices.
Celles-ci incluent :
La popularité de la police La couleur de la police La couleur d’arrière-plan Le contraste entre la police et l’arrière-plan La taille du texte Les empattements du texte (ou leur absence)
Polices accessibles
Les polices simples à regarder, à comprendre et à comprendre sont appelées polices accessibles. L’accessibilité Web est généralement entendue lorsque le terme « accessibilité des polices » est utilisé. Les principales variables déterminantes pour l’accessibilité des polices sont la taille, la couleur et le contraste. Arial, Verdana, Tahoma, Calibri, Helvetica et Times New Roman font partie des polices très faciles à lire.
message sponsorisé
Les polices Slab serif comme Museo Slab , Rockwell et Arvo font partie des autres polices facilement disponibles. Au lieu du corps du texte, les en-têtes sont les endroits où ils sont le plus fréquemment utilisés. Les autres polices de caractères lisibles pour l’interprétation à l’écran sont les polices sans empattement.
Vous pouvez limiter vos options rapidement si vous savez quelles caractéristiques rechercher dans une police de caractères. Une police de caractères inaccessible a les caractéristiques suivantes :
Rend le contenu plus difficile à lire Ralentit la vitesse du lecteur Sont attrayants Difficile de distinguer les caractères
Importance des polices dans l’accessibilité Web
La majorité des informations sur le Web est véhiculé dans le texte, ainsi que les avantages uniques que votre entreprise offre. Les polices sont cruciales car elles peuvent affecter votre succès commercial et plus de 30 millions de personnes souffrent de perte de vue.
Ce nombre inclut ceux qui continuent à rencontrer des problèmes même après avoir porté des lunettes correctrices. Ce nombre continuera d’augmenter à mesure que la population vieillit et développe d’autres problèmes liés à l’âge et aux yeux. Certaines personnes malvoyantes ont du mal à lire certaines polices. Il peut être difficile pour les personnes dyslexiques de lire certaines polices. Le choix de la police de caractères a une grande variété d’effets liés à la lisibilité.
Helvetica, Arial, Verdana et Courier font partie des polices que les personnes dyslexiques peuvent comprendre. Les polices de caractères sans empattement peuvent également aider les personnes dyslexiques à obtenir de meilleurs résultats. La majorité des gens aux États-Unis souffrent de dyslexie. Ainsi, s’assurer que les polices du site Web sont lisibles aidera votre contenu à atteindre ce public.
Meilleure taille de police pour l’accessibilité Web
message sponsorisé
Chaque personne qui visite un site Web a des besoins différents. Pour une meilleure lecture, les visiteurs auront besoin de tailles de police minuscules ou grandes. Ems, Rems, Pixels et Points sont quatre unités différentes utilisées pour mesurer les tailles de police. Les tailles de police doivent être ajustées avec précision. Il peut être difficile de lire des polices de caractères trop grandes ou trop petites. La méthode idéale pour les lecteurs est de et de sélectionner leur taille de police préférée.
Taille du texte WCAG
Il n’y a pas de taille de texte minimale suggérée dans les Directives pour l’accessibilité des contenus Web (WCAG). Les tailles inférieures à 12px n’ont pas été utilisées dans le passé, et 16px est la taille la plus utilisée. Avec l’aide de WCAG, vous pouvez jusqu’à 200 % et agrandir le texte. Cette recommandation comprend le choix de la police, la taille de la police, le choix des couleurs et le contraste des couleurs. Tous ces éléments sont cruciaux pour rendre votre matériel accessible.
Une police commune est une police idéale
La popularité d’une police peut sembler une raison étrange de la choisir ou de ne pas la choisir , mais si peu de personnes installent cette police sur leur ordinateur, peu de personnes verront le site affiché avec la police souhaitée. Si la police spécifiée d’un site n’est pas trouvée lorsque les gens le visitent, leur ordinateur remplace une police commune qu’ils ont installée. Dans la conception, cela peut changer radicalement l’apparence de votre site, il est donc préférable d’inclure une ou deux options de sauvegarde dans votre CSS qui se chargeront si le visiteur n’a pas la première.
Couleurs et contraste
Certaines couleurs, en particulier le rouge et le vert, sont les plus susceptibles de créer des problèmes d’accessibilité pour les daltoniens personnes. Si un site comprend ces couleurs, cela ne laisse que du contraste pour empêcher le texte et l’arrière-plan de se mélanger. Un contraste faible et des couleurs étranges ont tendance à paraître criards et à être difficiles à lire, même pour ceux qui ne sont pas daltoniens, c’est donc une bonne pratique de s’assurer que le texte et les arrière-plans contrastent fortement.
Taille du texte et empattements
Le texte sur votre site Web moyen a une taille de 12 à 14 points, mais vous devez tenir compte de votre public cible avant de suivre cette tendance. Si votre site est destiné aux personnes âgées, un texte plus grand comme taille par défaut serait préférable car les personnes âgées ont tendance à avoir plus de mal à lire les petits textes. De même, l’utilisation de polices sans empattement facilite l’affichage du texte sur un écran.
Mettez-le à l’épreuve
Même si vous avez pris soin de répondre à chacun de ces soucis d’accessibilité, c’est toujours une bonne idée de tester votre site et de vous assurer que vous n’avez rien manqué ou fait un travail inadéquat.
Voici quelques outils efficaces et gratuits pour tester l’accessibilité de votre site:
WAVE – Entrez l’URL d’un site et obtenez des commentaires sur tous les aspects de l’accessibilité à l’aide d’icônes placées directement sur le site lui-même. Roue chromatique d’accessibilité – Sélectionnez les couleurs d’arrière-plan et de texte de votre site avec des résultats instantanés montrant un contraste acceptable pour l’accessibilité. Cet outil émule également le daltonisme au rouge, au vert et au bleu individuellement, et est téléchargeable pour une utilisation hors ligne. Assistant d’accessibilité-Décompose les responsabilités d’accessibilité par poste de travail pour une équipe de développement. Il se peut qu’elles ne s’affichent pas correctement sur l’appareil du lecteur si vous sélectionnez une police moins utilisée plutôt qu’une police courante. Évitez d’utiliser des polices avec des”formes de lettres trompeuses ou impostrices”que le lecteur pourrait interpréter de manière incorrecte. Si vous souhaitez approfondir le sujet, assurez-vous de mettez en signet et lisez les articles suivants : Prêter attention à l’accessibilité des polices garantira que votre site atteigne le public cible le plus large possible, et le faire au stade de la conception vous fera économiser le temps et l’énergie que vous auriez dépensés pour ajuster les choses plus tard. Votre site aura l’air plus élégant pour l’attention supplémentaire portée aux détails, et le polissage est toujours un plus. *Jennifer Moline écrit sur le travail indépendant, les petites entreprises et le design pour le blog PsPrint. PsPrint est une société de solutions d’impression en ligne, que vous pouvez suivre sur Twitter et Facebook.Lectures complémentaires
En conclusion
Articles connexes