Créer un monde plus inclusif: comment tester l'accessibilité et la convivialité des produits

Appliquez ces principes d'utilisation pour rendre vos conceptions plus accessibles

Par Ashley Ferguson, et merci à Chelsea Peterson pour ses contributions

"Nous avons testé la convivialité - nous devons maintenant examiner l'accessibilité."

Si vous travaillez dans le domaine de la recherche sur les utilisateurs, vous avez probablement déjà entendu de telles déclarations. Les chercheurs testent souvent la convivialité et l'accessibilité comme s'il s'agissait de choses distinctes. Nous utilisons généralement un type de cadre pour comprendre les problèmes d’accessibilité et un autre pour comprendre les problèmes d’utilisabilité. Mais dans mon travail de chercheur et de défenseur de l’accessibilité, j’ai remarqué que les pièges d’accessibilité courants sont directement liés aux principes d’utilisabilité et aux pièges bien connus.

Nous devons commencer à envisager l'accessibilité plus souvent dans le cycle du produit, pas seulement comme une vérification supplémentaire à la fin, et l'intégration de nos cadres est un bon point de départ. Voici trois exemples de la façon dont les pièges d’accessibilité se rattachent à des pièges d’utilisation - référençant les directives d’accessibilité du Consortium World Wide Web et les travaux de Steve Herbst et Michael Medlock sur la convivialité - avec des astuces pour des alternatives plus exploitables.

1. Utiliser uniquement la couleur crée des éléments invisibles

L'un des pièges d'accessibilité que je rencontre est l'utilisation de la couleur seule pour transmettre des informations. Ce piège peut toucher de nombreuses personnes, y compris plus de 246 millions d'Américains dont les déficiences visuelles affectent leur perception de la lumière et des couleurs.

Image reproduite avec la permission du World Wide Web Consortium, copyright 2019.

Dans ce graphique, nous voyons deux exemples de question demandant à l’utilisateur d’identifier lequel des quatre triangles colorés est le triangle rectangle: vert, bleu, rouge ou jaune. Ces quatre triangles colorés sont indiqués à côté de la question. À gauche, les utilisateurs doivent se fier uniquement à la couleur pour répondre à la question, ce qui peut être difficile pour certains. L'exemple de droite montre à nouveau les quatre triangles colorés. Cependant, chacun de ces triangles est également étiqueté avec un nombre à l'intérieur du triangle et à côté de chacun des choix de réponse, afin que les gens puissent utiliser une couleur ou des étiquettes pour identifier le triangle rectangle.

Lorsque vous vous fiez uniquement à la couleur, vous tombez dans le piège de la convivialité des éléments invisibles pour de nombreuses personnes. Selon Herbst et Medlock, un élément est considéré comme invisible si «aucun repère (étiquette, icône, loyauté ou promptitude) n'est fourni pour indiquer à l'utilisateur comment atteindre un objectif et que l'utilisateur ne dispose pas d'un apprentissage préalable suffisant pour surmonter son absence. ”

Pour éviter ce piège de convivialité, assurez-vous que toutes les informations transmises par couleur le sont également par d'autres moyens visuels, tels que les étiquettes de texte.

2. Le contenu en mouvement crée des distractions

Un autre piège d'accessibilité concerne le contenu qui bouge. Déplacer le contenu peut être une source de distraction pour de nombreuses personnes, y compris les quelque 15 millions d'Américains souffrant de troubles du déficit de l'attention.

Les concepteurs incluent des animations pour de nombreuses raisons valables: attirer l'attention du public, rendre l'expérience amusante, démontrer les capacités de l'interface, etc. contenu sur la page.

Bien que les effets néfastes puissent être plus prononcés chez les personnes handicapées telles que le TDAH, la distraction est un piège d’utilisation qui peut en affecter de nombreuses personnes. L'insertion d'éléments gênants enfreint le principe de conception consistant à créer une interface compréhensible.

Pour rendre le contenu plus utilisable, veillez à fournir un moyen d’arrêter ou de désactiver tout contenu en mouvement qui démarre automatiquement, dure plus de cinq secondes et est présenté avec d’autres contenus.

3. Un accès au clavier inefficace crée des étapes inutiles

Un troisième piège d'accessibilité concerne une interface difficile d'accès avec un clavier seul. De nombreux utilisateurs dépendent de leur clavier pour interagir avec leurs appareils, y compris ceux qui utilisent un lecteur d'écran ou qui ont certaines incapacités de mobilité.

Le graphique ci-dessus est une maquette d'un magasin en ligne typique où nous voyons deux ordinateurs portables et un HoloLens dans une rangée, chacun avec un bouton Ajouter au panier et un panier contenant deux articles à côté d'un bouton de commande. Imaginons qu'un utilisateur ait déjà des articles dans son panier et qu'il soit prêt à passer à la caisse. Cet utilisateur serait probablement frustré s'il devait naviguer dans tous ces autres éléments, qu'il pouvait ajouter à son panier avant de pouvoir passer à la caisse. Dans cet exemple, l'interface diminue l'efficacité de manière petite mais significative pour les utilisateurs de clavier. Dans une boutique en ligne comptant des centaines d’articles, les étapes de navigation supplémentaires deviendraient un obstacle majeur.

Lorsque des éléments importants requièrent un nombre excessif de frappes au clavier, l'utilisateur rencontre de nombreuses instances de l'interruption d'instruction inutile. Ce piège de convivialité enfreint le principe de conception consistant à créer une interface efficace.

Pour rendre le contenu plus utilisable, assurez-vous que tous les éléments de votre interface utilisateur sont accessibles à l'aide du clavier uniquement. Assurez-vous que vous pouvez naviguer efficacement vers tous les éléments impliqués dans les scénarios utilisateur clés.

Recadrer pour l'inclusion

Lorsque nous réfléchissons à la manière dont les principes d’accessibilité s’alignent sur les principes de convivialité, il devient clair que nous ne pouvons pas concevoir pour l’un sans concevoir pour l’autre. Dans mon équipe de Microsoft, nous avons mis au point des méthodes pratiques pour intégrer les tests d’accessibilité à nos recherches, notamment en effectuant des visites guidées de l’accessibilité lorsque nous testons des prototypes.

Nous sommes toujours en train d'apprendre et continuerons de l'être, mais ces processus ont favorisé une culture qui valorise réellement le design inclusif. Nos efforts s’inscrivent dans un système de valeurs plus vaste qui conduit à des innovations passionnantes, qui changent notre façon de penser en matière d’inclusion.

Planifiez-vous l'accessibilité? Quelles questions avez-vous? Quels conseils et ressources utilisez-vous? S'il vous plaît partager dans les commentaires ci-dessous, ou tweet @ Microsoft!