eBay a développé un nouvel outil d’accessibilité appelé Inclure pour aider les concepteurs et les ingénieurs à générer des notes d’accessibilité qui peuvent être intégrées aux produits.
Les annotations d’accessibilité sont des annotations sur le wireframe qui fournissent des informations et un comportement spécifiques à l’accessibilité, comme la façon dont les lecteurs d’écran annonceront les éléments interactifs. Selon Anna Zaremba, directrice principale de la conception d’eBay, le projet a commencé l’été dernier en tant qu ‘«effort de base» après que l’équipe d’eBay a identifié une lacune dans la perception de l’industrie de l’accessibilité dans le processus de conception. Initialement, l’objectif était de simplifier le processus d’annotation afin de réduire le travail manuel et d’améliorer la façon dont les concepteurs envisagent l’accessibilité.
Ne pas penser à l’accessibilité dès le début comporte certains risques
A déclaré Zaremba, notamment une plus grande dépendance à « la manière dont les ingénieurs développent les produits plutôt qu’à la manière dont les concepteurs souhaitent que les clients en fassent l’expérience ». Le résultat peut être que l’ingénieur devine quelle est l’expérience souhaitée, ce qui peut ne pas correspondre à l’intention du concepteur. L’outil peut également aider à réduire les allers-retours entre les ingénieurs et les concepteurs, car il réduira le nombre de bogues dans le code, a-t-elle expliqué.
Au cours d’un atelier avec plusieurs équipes eBay
Quatre résultats attendus de l’outil ont été sélectionnés : réduire les flux d’informations, accroître la confiance dans l’accessibilité, maximiser la clarté et l’efficacité lors de la collaboration avec les ingénieurs et tirer le meilleur parti des composants eBay Design System.
Selon Zaremba
Alors que les outils de conception existants tentent d’améliorer l’accessibilité, beaucoup semblent se concentrer sur un ou deux sujets spécifiques. Pour combler les lacunes, eBay souhaite intégrer « un ensemble assez complet d’aspects communs et fondamentaux », a-t-elle déclaré.
« Liste des étapes tactiques gérables ».
Include fournit des « étapes faciles à suivre » pour aider les concepteurs à se concentrer sur l’expérience des résultats et à « renforcer leurs attentes en matière de normes d’accessibilité de conception », a déclaré Zaremba. Pour les ingénieurs, cela leur donne plus de conseils sur la mise en œuvre en produisant des commentaires.
Après que les concepteurs aient choisi un cadre pour les annotations
Zaremba a déclaré avoir reçu une « liste gérable d’étapes tactiques » liées aux concepts d’accessibilité. Le travail peut être enregistré et revisité, et les étapes peuvent être effectuées dans n’importe quel ordre. Chaque étape est également accompagnée d’indices pour les aider à aller plus loin.
Zaremba a déclaré que l’équipe d’eBay a mis en place une « logique » pour éviter les erreurs courantes, et que certaines tâches manuelles ont été automatisées « pour illustrer un concept », expliquer les besoins d’accessibilité aux concepteurs, puis « leur montrer rapidement comment la conception actuelle est affectée ».
Par exemple
Un plug-in peut créer une copie de conception avec du texte agrandi de 200 %. Les concepteurs peuvent alors voir où il pourrait y avoir des problèmes avec « l’habillage du texte ou la troncature », et ainsi répondre en « définissant le comportement de débordement sans avoir besoin de recréer cette page avec une police plus grande », a déclaré Zaremba.
Zaremba a ajouté que l’équipe d’eBay a incorporé des repères visuels dans la mesure du possible pour rendre le contenu « plus intuitif pour les concepteurs ».
« Un fil reliant l’intention et la mise en œuvre ».
Le processus d’annotation amélioré et les instructions claires visent à réduire la surcharge d’informations pour les concepteurs et les ingénieurs, en fournissant un « langage commun entre la conception et le développement », sans submerger les concepteurs, a déclaré Zaremba. Elle décrit les annotations comme « le fil qui relie l’intention de conception et la mise en œuvre ».
Le plus grand défi
A déclaré Zaremba, était d’assurer « le bon équilibre des conseils » tout en gardant l’expérience suffisamment légère pour une utilisation quotidienne. Elle a ajouté qu’eBay a mené plusieurs entretiens avec des utilisateurs avec des concepteurs et des ingénieurs qui manquaient d’expérience en matière d’accessibilité dans le but de rendre les étapes et le résultat « aussi intuitifs et pertinents que possible ».
Un autre défi consiste à considérer les différentes façons dont les concepteurs travaillent et organisent les fichiers de conception. Le scénario utilisé par Zaremba est que les concepteurs ajoutent plusieurs calques d’image pour prévisualiser rapidement les options, mais peuvent « ne pas supprimer les calques inutiles » s’ils travaillent rapidement. Zaremba a déclaré que le plugin ignore toutes les couches supplémentaires « pour annoter le texte alternatif plus rapidement et se concentrer sur les images importantes ».
« eBay existe pour l’opportunité économique ».
« Nous avions besoin de créer des outils comme celui-ci pour relever la barre de notre travail quotidien et libérer du temps pour que les concepteurs puissent concevoir efficacement, créant des expériences magiques pour nos clients », a déclaré Zaremba.
Elle a ajouté que « eBay existe pour les opportunités économiques » et que l’accessibilité est l’un de ses principaux objectifs. Les clients d’eBay veulent une expérience plus utilisable, prévisible, compréhensible et facile à utiliser, et peuvent avoir besoin ou vouloir utiliser « des technologies d’assistance telles que des lecteurs d’écran, des tailles de police agrandies, l’utilisation du clavier uniquement ou un zoom avant/arrière si nécessaire « , a déclaré Zaremba.
Parce que la nature open source de l’outil est également importante
Il a été créé en tant que plugin pour le concepteur d’interface Web Figma, un service gratuit dont le code est disponible sur GitHub.
💡 Ressources et références
« designweek.co.uk » via : eBay crée un outil d’accessibilité pour les designers et les ingénieurs..