Partie II – L’accessibilité n’est pas un obstacle à la conception

Un guide pour une conception accessible

La pandémie de 2020 a entraîné une évolution numérique. Nous avons tous été initiés à un environnement en ligne pour les tâches et activités quotidiennes. Ce changement a conduit à une prise de conscience colossale de l’inclusion qui a finalement entraîné une révolution de l’accessibilité. Ce changement de mentalité vers l’accessibilité n’est pas une tendance temporaire. Pour rester dans l’industrie technologique en évolution rapide, il faut suivre la nouvelle norme d’accessibilité.

Apprendre des échecs d’accessibilité

En 2018, le meilleur service de commerce électronique au monde, Amazon, a été poursuivi pour des obstacles à l’accessibilité pour les utilisateurs malvoyants. Le site Web était incompatible avec un affichage braille actualisable. La liste des entreprises qui ont payé le prix de l’ignorance en matière d’accessibilité comprend Nike, Fox News Network, Domino’s et Netflix. La déficience visuelle n’est que la pointe de l’iceberg. L’éventail des handicaps est beaucoup plus large qu’on ne le pense :

1. Environ 6 % de la population mondiale souffre de surdité ou de perte auditive.
2. 75 millions de personnes dans le monde ont besoin quotidiennement d’un fauteuil roulant.
3. Plus de 20% de la population mondiale souffre de dyslexie.
4. L’épilepsie est la maladie neurologique la plus fréquente. Plus de 50 millions de personnes dans le monde souffrent d’épilepsie.
5. Jusqu’à 5 % des enfants dans le monde souffrent de troubles de la parole.

Comprendre les utilisateurs et comprendre leurs problèmes avec l’intention de les résoudre pour eux est la clé d’un produit bien structuré et accessible. La recherche d’utilisateurs revêt la plus haute importance dans la conception accessible. De cette façon, des faits saillants importants peuvent être pris en compte, qui autrement resteraient sans réponse.

WCAG 2.1

Les Directives pour l’accessibilité du contenu Web aident à rendre l’information numérique plus accessible. Les WCAG 2.1 ont 17 critères de réussite. Ces directives améliorent les fonctionnalités mobiles tout en offrant une flexibilité extrême aux utilisateurs finaux.
Il existe trois niveaux de WCAG ; Niveau A, Niveau AA et Niveau AAA. Chaque niveau comprend des directives spécifiques qui doivent être atteintes pour considérer le produit numérique comme accessible à tous ses utilisateurs.

1. Niveau A la conformité a une conformité minimale, interdisant les éléments qui amélioreraient l’inaccessibilité. Certaines exigences de niveau A incluent les sous-titres vidéo et la navigation avec un clavier.
2. Niveau AA conformité a une conformité acceptable pour toutes les informations basées sur le Web. Le niveau AA est utilisé dans la plupart des réglementations sur l’accessibilité dans le monde. Pour respecter cette conformité, les informations sur le Web doivent être compréhensibles pour la plupart des personnes avec et sans déficience. Certaines exigences notables incluent une navigation cohérente et un contraste de couleurs 4: 5: 1.
   
3. Niveau AAA est la conformité la plus difficile à obtenir. Cette conformité rend le site accessible à la plupart des utilisateurs avec ou sans handicap. Bien que les critères de réussite du niveau AAA soient stricts, ils méritent d’être pris en considération. Vous n’avez pas besoin de respecter ces directives, mais en les examinant, vous pouvez accueillir plus de personnes.

A lire aussi: Partie I – L’accessibilité n’est pas un obstacle à la conception

Petit tour d’horizon des bonnes pratiques

1. Tailles de police :
   Au début, les moniteurs avaient des tailles d’écran relativement connues ; ainsi, la taille de la police était comprise entre 9 et 14 pixels. La technologie est en plein essor. Aujourd’hui, les navigateurs peuvent être utilisés sur divers appareils, des montres connectées aux écrans 4K. La taille de la police doit être adaptée à la conception. La police doit être facile à lire. Le style de police joue un rôle important dans la lisibilité de la police. Les styles de police cursifs sont problématiques pour les utilisateurs dyslexiques. Les majuscules et les petites tailles de police sont également difficiles à lire pour les utilisateurs. En conclusion, un texte plus grand, un espacement des lettres accru et des hauteurs de ligne offrent une meilleure expérience de lecture.

   

2. Accessibilité des couleurs
   La couleur est l’un des aspects les plus importants du design accessible. Les couleurs évoquent des sentiments et des idées et contribuent également à renforcer le message de la marque. Ce pouvoir des couleurs est perdu lorsque les utilisateurs ne peuvent pas les percevoir correctement. D’après la sensibilisation au daltonisme, au moins 4 % de la population mondiale est daltonienne. Environ 1 homme sur 12 est daltonien. Selon WCAG 2.0 niveau AA, un rapport de contraste de 4,5:1 est idéal pour un texte normal et de 3:1 pour un texte de grande taille.
   
   
   Source
3. Contraste AccessibilitéConcevoir un produit numérique entièrement accessible semble écrasant, mais le contrat est une victoire facile. Vous pouvez exécuter votre choix de couleur grâce à des outils d’évaluation de l’accessibilité tels que Outil de vérification de contraste WebAIM. Les directives WCAG agissent également comme un catalyseur pour prendre de meilleures décisions de conception.
   Slack, un messager en milieu de travail largement utilisé, a affiné sa palette de couleurs et inclus des couleurs qui répondent aux normes d’accessibilité. De cette façon, ils ont réduit leur palette de 130 couleurs à seulement 18 couleurs.
   
4. Lisibilité
   La lisibilité est une considération clé pour chaque utilisateur. C’est un attribut essentiel pour les personnes handicapées pour une expérience utilisateur réussie. La complexité de la langue, la longueur des phrases et la structure des paragraphes contribuent à la lisibilité du texte. Un langage complexe cause des problèmes aux utilisateurs souffrant de troubles cognitifs ou d’un manque de maîtrise de la langue.
   
5. Animations et effets
   Les mouvements constants peuvent distraire les utilisateurs, principalement ceux qui ont des difficultés à se concentrer. WCAG 2.3.3 est destiné à aider les utilisateurs qui ressentent des nausées à cause du déplacement de contenu. Les effets de mouvement à clignotement rapide peuvent provoquer des convulsions, généralement appelées épilepsie photosensible. Cela peut provoquer des maux de tête et des nausées. Les animations ne sont pas mauvaises, mais il faut savoir concevoir des animations plus sûres. Essayez de concevoir des animations qui couvrent de petites distances et sont relativement petites par rapport à la taille de l’écran. Avant d’ajouter un mouvement ou une animation à votre conception, posez-vous cette question : est-il possible d’ajouter des commandes pour arrêter, mettre en pause, masquer/réduire ou modifier la fréquence des animations ou des effets ?

Outils d’accessibilité

1. https://accessibility.voxmedia.com/ Cette liste de contrôle vous aidera à intégrer l’accessibilité dans votre processus de conception.
2. https://colororacle.org/ Un simulateur pour le daltonisme qui fonctionne sur Windows, Mac et Linux. Cela vous montrera ce que les personnes ayant une déficience visuelle verront.
3. https://www.accessibilitychecker.org/ Le vérificateur d’accessibilité est un outil d’audit gratuit qui analyse votre site Web à la recherche de la législation majeure dans le monde.
4. https://www.getstark.co/ Stark est un outil plug-in pour favoriser des normes de conception inclusives. Il aide également à résoudre les problèmes d’accessibilité tels que le daltonisme.
5. https://wave.webaim.org/ L’outil d’évaluation de l’accessibilité Web (WAVE) vous aidera à vérifier les erreurs basées sur WCAG 2.1.

Points clés à retenir

L’accessibilité du Web élimine toute discrimination subie par un utilisateur avec ou sans déficience. Ainsi, les concepteurs UX doivent se conformer aux directives WCAG. De plus, les directives d’accessibilité sont inclusives. Les produits accessibles sont utilisables, interactifs et offrent une navigation pour tous. Avant de finaliser la conception, demandez-vous si quelque chose peut être ajusté pour rendre l’expérience accessible à l’utilisateur.