Accessibilité du contenu 101
Pourquoi les gens visitent-ils votre site ? Qu'est-ce qui les pousse à revenir pour plus? C'est probablement le résultat d'un contenu de haute qualité. Le contenu constitue l'essence du Web et la raison pour laquelle les gens y passent une grande partie de leur journée. Par conséquent, le contenu lui-même doit être bien conçu afin de créer une expérience utilisateur confortable.
Tous les utilisateurs du Web n'ont pas reçu la même éducation au cours de leur vie. Certains d'entre nous lisent à différents niveaux et à différentes vitesses. Les personnes ayant un trouble d'apprentissage peuvent avoir des difficultés à lire et à comprendre un contenu plein de jargon, d'acronymes et d'autres complexités.
Comment alors continuer à écrire un contenu de qualité à la fois informatif et inclusif pour répondre aux besoins de nos lecteurs ?
Ajuster le niveau de lecture du contenu
Afin de vous assurer que le contenu est lisible et compréhensible par le plus grand nombre de personnes possible, pensez à tester la lisibilité de votre contenu avec l' application Hemingway . Cette application utilitaire pratique lira votre contenu et fera des recommandations en fonction de la difficulté à lire et à comprendre pour quelqu'un. Certaines des recommandations incluent :
- Considérations lors de l'utilisation d'adverbes
- Utilisation de la voix passive
- Complexité des phrases
- Difficultés de compréhension de phrases
En exécutant votre contenu via cet utilitaire, vous finirez par restructurer votre contenu pour mieux l'adapter à un public plus général. Le niveau de lecture recommandé pour le contenu inclusif est généralement le niveau de lecture de la 7e ou de la 8e année. L'application Hemingway vous permettra de savoir comment votre contenu résiste à cet égard.
Critères de réussite WCAG
Cela revient à 3.1.5 Niveau de lecture qui stipule :
"Lorsque le texte nécessite une capacité de lecture plus avancée que le niveau de l'enseignement secondaire inférieur après suppression des noms propres et des titres, un contenu supplémentaire, ou une version qui ne nécessite pas une capacité de lecture plus avancée que le niveau de l'enseignement secondaire inférieur, est disponible."
Expliquer les acronymes, les abréviations, les numéronymes et les termes complexes
Lors de la rédaction de contenu pour le Web, il est important d'expliquer davantage certains détails de notre contenu afin de ne laisser personne en dehors de la conversation. Cela est particulièrement vrai lorsqu'il s'agit de s'adresser à des utilisateurs dont la langue principale n'est pas celle du matériel source.
Lorsqu'un acronyme, une abréviation, un numéro ou une terminologie complexe est utilisé pour la première fois dans un élément de contenu, il doit être accompagné de son nom complet, d'un bref texte explicatif entre parenthèses ou d'un lien vers une autre ressource contenant plus d'informations.
Voici quelques exemples:
- « L'Organisation des Nations Unies (ONU) est une organisation intergouvernementale qui a pour mission de maintenir… » ( Source )
- "HTML (HyperText Markup Language) est le bloc de construction le plus basique du Web…" ( Source )
- "L'une des fonctionnalités de sécurité les plus critiques, et celle qui est requise pour de nombreuses API modernes et applications Web progressives , est HTTPS …" ( Source )
Avec des acronymes, des abréviations, des numéronymes ou une terminologie complexe expliqués à proximité du contenu en question, les lecteurs seront mieux informés et ne se sentiront pas exclus de la conversation.
Critères de réussite WCAG
Cela revient à 3.1.3 Mots Inhabituels qui stipule :
"Un mécanisme est disponible pour identifier les définitions spécifiques de mots ou de phrases utilisés de manière inhabituelle ou restreinte, y compris les idiomes et le jargon."
Concevoir pour la dyslexie
Une personne atteinte de dyslexie, qui est un handicap qui altère la fluidité ou la précision de la lecture, de l'écriture et de l'orthographe, peut avoir des difficultés à lire le contenu à l'écran.
Il existe quelques considérations de conception pour rendre le texte lui-même lisible pour les personnes atteintes de dyslexie. Voici les choses à éviter lors de la conception de contenu :
- Texte justifié – Un texte entièrement justifié peut amener les lecteurs dyslexiques à perdre leur place à plusieurs reprises lors de la lecture. Pour éviter cette frustration, alignez toujours le texte à gauche (ou à droite, selon votre région.)
-
Contraste élevé - Le texte dont le style est noir pur (
#000000) contre blanc pur (#ffffff) peut générer un environnement de lecture à contraste élevé. En conséquence, certains utilisateurs dyslexiques peuvent rencontrer des mots qui tourbillonnent ou se confondent. - Contenu en italique - L'utilisation de texte en italique peut en fait entraîner une mauvaise expérience de lecture pour les personnes atteintes de dyslexie en raison de la nature inclinée et de la pixellisation supplémentaire des formes de lettres. Utiliser avec parcimonie!
Mise en forme du texte
Passons en revue quelques considérations supplémentaires lorsque vous travaillez avec du texte et des polices sur le Web :
- Taille de police
- Longueur de la ligne
- Hauteur de la ligne
Taille de police
À la fin des années 1990 et au début des années 2000, les sites Web avaient un corps de texte défini entre 9px et 14px . Au cours de cette période, les concepteurs n'avaient généralement à se soucier que des tailles d'écran de 10" à 19" pour un ordinateur de bureau.
Avance rapide jusqu'en 2011, les concepteurs disposaient désormais d'une multitude de tailles d'écran, d'appareils, d'orientations et de longueurs d'affichage à prendre en compte. Avec l'adoption massive de la conception Web réactive, ces tailles de police plus petites ne fonctionnaient pas bien sur les petits appareils portables. En conséquence, la nouvelle taille de police de base est devenue 16px et n'a pas beaucoup changé depuis.
Taille de police et accessibilité
Considérons quelques raisons pour lesquelles des tailles de police plus grandes augmentent l'accessibilité de n'importe quel site.
Lisibilité – Des tailles de police plus grandes équivaut à une meilleure lisibilité. Cela facilite l'expérience de lecture pour les personnes malvoyantes, y compris les générations plus âgées qui nécessitent généralement une police plus grande sur une interface utilisateur en raison de la détérioration de la vue. Augmenter la taille de la police sur n'importe quel site de quelques pixels améliore grandement la lisibilité.
-
Convivialité - Des polices plus grandes signifient moins de contenu requis pour remplir l'espace disponible dans une conception. Moins de contenu signifie moins de charge cognitive pour les lecteurs. Moins de contenu requis signifie également être précis et direct lors de la rédaction du contenu, répondant à l'exigence d'abaisser le niveau de lecture, ce qui, à son tour, augmente le lectorat et la base d'utilisateurs dans son ensemble.
Scannabilité - Il est assez courant que les gens scannent rapidement une page de contenu juste pour avoir une idée de ce que la page a à offrir. Avec des tailles de police plus grandes, en particulier les titres lorsqu'ils sont conçus et utilisés dans une hiérarchie visuelle, cela augmente la capacité de lecture du contenu. L'avantage est encore une fois de réduire la charge cognitive. Et de l'autre côté de l'équation de l'âge, les jeunes générations ont tendance à avoir moins de patients et une durée d'attention plus faible. Par conséquent, la scannabilité est essentielle pour faire passer votre message aux jeunes lecteurs.
Une taille de police plus grande signifie moins d'encombrement à l'écran, ce qui génère un chemin de lecture plus clair et plus de ce que les gens veulent ; contenu.
Longueur de la ligne
La longueur de ligne optimale est généralement comprise entre 55 et 75 ou 80 caractères par ligne. En limitant la largeur ou l'étendue horizontale du contenu, les utilisateurs ressentiront moins de fatigue lors de la numérisation de droite à gauche à la recherche de la ligne de contenu suivante.
D'un autre côté, les lignes trop courtes forcent souvent une coupure de mot maladroite, ce qui entraîne des difficultés de lecture. Assurez-vous de tester votre interface utilisateur dans diverses situations et langues (si elles sont prises en charge) pour vous assurer que la longueur de la ligne n'est ni trop longue ni trop courte.
Hauteur de la ligne
La définition d'une hauteur de ligne affecte l'espace entre les lignes de contenu. Il n'y a pas de réglage "optimal" en soi, car cela dépend de la conception prévue et de la police utilisée.
Il est important de noter qu'un nouveau critère de succès a été introduit dans les WCAG 2.1 : 1.4.12 Text Spacing . Cela indique essentiellement que lorsque l'utilisateur remplace la hauteur de ligne pour améliorer son expérience de lecture, aucune perte de contenu ou de fonctionnalité ne se produira lorsqu'il est défini sur au moins 1,5 fois la taille de la police.
En d'autres termes, dans le cas où l'utilisateur final ajuste la typographie selon ses propres termes, la conception permet une hauteur de ligne supérieure à celle prévue dans la conception d'origine et s'assure que le contenu est toujours lisible.
Critères de réussite WCAG
Cela revient à 1.4.12 Espacement du texte qui indique :
"Dans le contenu implémenté à l'aide de langages de balisage prenant en charge les propriétés de style de texte, aucune perte de contenu ou de fonctionnalité ne se produit en définissant et en ne modifiant aucune autre propriété de style."