Accessibilité et design inclusif

Mar 24 2023
7 enseignements tirés d'une Masterclass par Marina Aísa & Nevan Scott Être en mesure d'assister à toutes les masterclasses, conférences et webinaires qui vous intéressent est pratiquement impossible. Il y en a beaucoup et le temps est limité.

7 enseignements tirés d'une Masterclass par Marina Aísa & Nevan Scott

Il est pratiquement impossible de pouvoir assister à toutes les masterclasses, conférences et webinaires qui vous intéressent. Il y en a beaucoup et le temps est limité.

Alors, dans un esprit de collaboration avec la communauté, j'ai décidé de partager des résumés de mes notes prises lors des événements auxquels je peux assister et qui, selon moi, pourraient être utiles à d'autres.

N'hésitez pas à commenter ou à m'envoyer un message si vous pensez qu'il y a quelque chose que j'ai raté.

1. À quel type de technologies d'assistance devons-nous penser lors de la conception ?

Nous devrions concevoir pour la navigation au clavier et les lecteurs d'écran.

2. Quels sont les fondamentaux pour concevoir des expériences accessibles ?

  • Utilisation des normes
  • Ajout d'étiquettes aux éléments qui ne sont que visuels (comme les icônes)
  • Le contraste des couleurs doit être au minimum de 4,5 (niveau d'accessibilité AA)
  • Les entrées doivent toujours avoir une étiquette. Les espaces réservés ne sont pas accessibles car de nombreux lecteurs d'écran n'y accèdent pas.
  • Les messages d'erreur ou de confirmation doivent fournir un retour avec autre chose que la couleur , comme des icônes et des étiquettes.
  • Comprendre le HTML sémantique. C'est ce qui fournit une hiérarchie structurelle à un site Web et permet aux utilisateurs de lecteurs d'écran de scanner les informations au lieu d'avoir à les parcourir toutes. Un exemple de cela peut être l'utilisation correcte de balises telles que nav , header ou différents types de titres : h1 , h2 , etc.
  • Communiquer correctement vers et avec les développeurs. En tant que concepteurs, nous pouvons penser au HTML sémantique et fournir aux développeurs des informations sur le type de balises pouvant être utilisées pour les éléments de nos conceptions.
  • Les balises ARIA (Accessible Rich Internet Applications) sont un ensemble d'attributs que vous pouvez ajouter aux éléments HTML qui définissent les moyens de rendre le Web accessible. Par exemple, la balise aria-live donne des informations aux utilisateurs de lecteurs d'écran sur des événements qui se produisent à l'écran (comme une alerte) qu'ils ne remarqueraient pas autrement. Cela relève davantage du domaine du développement, mais il est toujours intéressant pour les concepteurs de comprendre en quoi ils consistent et les fonctionnalités qu'ils peuvent apporter à nos utilisateurs.

Il est important de se rappeler que la navigation au clavier est utilisée par des personnes qui peuvent voir l'écran mais qui peuvent avoir des difficultés à utiliser une souris ou d'autres moyens de navigation. En plus, il fournit des raccourcis pour les utilisateurs expérimentés, améliorant l'efficacité d'utilisation.

Considérez la navigation au clavier comme l'utilisation d'un téléviseur avec une télécommande. —Nevan Scott

La première chose à considérer est de décider quels éléments de nos conceptions doivent être focalisables : seuls les éléments qui ont des actions liées à eux (tels que des boutons, des liens, des entrées, etc.)

Ensuite, nous devons nous assurer de montrer visuellement les éléments qui sont mis au point.

6. Comment pouvons-nous concevoir pour les personnes souffrant de troubles cognitifs ?

Tout ce qui améliore l'expérience utilisateur générale en la rendant plus facile à comprendre, en la simplifiant et en évitant une charge cognitive élevée contribuera à construire une meilleure expérience pour les personnes ayant une déficience cognitive.

Aussi, une remarque sur la façon dont le rôle d'écriture UX est essentiel à cette fin. La capacité de choisir les mots appropriés, la quantité de texte et la capacité de communiquer de manière simple et claire.

De plus, le mouvement réduit ou l'ajout de la possibilité d'activer et de désactiver le mouvement dans nos conceptions est quelque chose que nous devons prendre en compte.

7. Comment l'accessibilité est-elle testée ?

C'est possible et c'est toujours une bonne idée de tester avec des personnes ayant différents handicaps. Ils vous feront connaître de première main les problèmes qu'ils rencontrent.

Mais sur une base quotidienne, il est généralement testé par une évaluation heuristique .

Merci pour la lecture!