Le lancement de la nouvelle identité visuelle de DoiT était l'occasion idéale de faire évoluer notre plateforme cloud. Voici comment notre équipe UX la rend plus accessible.
La nouvelle identité de DoiT : l'occasion idéale pour renforcer l'accessibilité
Le déploiement de la nouvelle identité visuelle de DoiT a été le moment parfait pour rendre nos diagrammes plus accessibles tout en les alignant sur la marque renouvelée. Nous voulions un système visuel distinctif, simple et accueillant ; il était donc logique d'adapter DoiT Cloud Intelligence™ pour refléter cette nouvelle identité et améliorer l'accessibilité.
Le rôle de l'accessibilité
En design, l'accessibilité consiste à rendre un produit plus inclusif afin que chacun puisse l'utiliser. Même si elle vise d'abord à aider les personnes en situation de handicap, elle profite à tous les utilisateurs. Prenons un exemple concret : la rampe à l'entrée d'un bâtiment. Elle permet aux personnes en fauteuil roulant d'y accéder, mais elle facilite aussi le passage d'une poussette ou d'un vélo.
Dans le numérique, les sous-titres vidéo ont d'abord été pensés pour les personnes malentendantes, mais ils permettent aussi de regarder une vidéo sans le son dans une pièce bruyante, par exemple.
Dans l'espace physique, les dispositifs d'accessibilité sont imposés par la loi.
L'accessibilité du Web
Si l'accessibilité décrit la capacité d'un environnement à être utilisé par le plus grand nombre, l'accessibilité du Web décrit la même chose pour un site. La prendre au sérieux, c'est s'assurer que sa technologie en ligne est disponible pour quiconque souhaite l'utiliser, quelles que soient ses aptitudes ou son environnement.
Pour les produits numériques, un ensemble de recommandations baptisé Web Content Accessibility Guidelines (WCAG) s'impose progressivement. En 2017, l'Union européenne a commencé à exiger que les sites et applications mobiles des organismes du secteur public soient conformes au niveau AA des WCAG 2.1.
Les WCAG énoncent quatre principes que tout contenu doit respecter pour être considéré comme accessible :
- Perceptible : les utilisateurs doivent pouvoir percevoir l'information et les composants de l'interface (UI) — autrement dit, aucune information ne doit échapper à l'ensemble de leurs sens.
- Utilisable : l'utilisateur doit pouvoir réaliser les interactions nécessaires pour manipuler les composants UI et la navigation.
- Compréhensible : le contenu et le fonctionnement de l'interface doivent rester à la portée de l'utilisateur.
- Robuste : le contenu doit pouvoir être interprété de manière fiable par un large éventail d'agents utilisateurs, y compris les technologies d'assistance.
Rendre son site ou son application accessible n'est pas seulement la bonne démarche à adopter ; cela peut aussi avoir un impact considérable sur les résultats de l'entreprise. Selon l'Organisation mondiale de la santé, environ 15 % de la population mondiale vit aujourd'hui avec un handicap. Cela représente plus d'un milliard de personnes, dont beaucoup pourraient utiliser des technologies web mais s'en trouvent écartées par des sites et applications inaccessibles.
Si l'on dépasse les seuls handicaps permanents pour considérer aussi les handicaps temporaires ou situationnels, le besoin de produits web accessibles devient encore plus évident. Un patient en convalescence après une opération des yeux, par exemple, présente un handicap temporaire qui peut l'amener à utiliser un lecteur d'écran pendant quelques semaines. Une personne qui a égaré ses lunettes se retrouve, elle, en situation de handicap ponctuel, ce qui peut aussi modifier sa façon de naviguer pendant un certain temps.
Une palette de couleurs accessible
Le daltonisme touche 8 % des hommes et 0,5 % des femmes. Travailler l'accessibilité ne profite pas seulement aux personnes ayant une déficience visuelle ; cela bénéficie aussi à celles qui consultent notre service dans de mauvaises conditions d'éclairage. Une lumière faible rend en effet plus difficile la distinction des couleurs.
Les personnes daltoniennes ont du mal à distinguer certaines couleurs de l'arc-en-ciel ; nous avons donc retenu le schéma de couleurs divergentes de Tol comme point de départ du nouveau design. Ce schéma fait varier les coordonnées de couleur — par exemple du bleu au jaune puis au rouge — et reste lisible pour les personnes daltoniennes.
Le schéma divergent Sunset de Tol
Nous avons adopté le schéma de Tol pour mieux coller à notre marque, tout en veillant à ce que la nouvelle palette reste adaptée au daltonisme.
Après la refonte, la palette est plus accessible et cohérente avec la nouvelle direction de marque.
Le mode sombre
Avant la refonte de la marque, nous avions souvent négligé le mode sombre de la plateforme pour concentrer notre attention sur le mode clair. Un thème sombre réduit la luminance émise par l'écran et limite la fatigue oculaire. Une enquête interne a révélé que deux tiers des Doers utilisent le CMP (désormais intégré à DoiT Cloud Intelligence) en mode sombre ; nous en avons profité pour lui accorder une attention particulière.
Pour du texte blanc, un fond gris foncé crée moins de contraste que le noir, ce qui réduit la fatigue oculaire. Nous utilisons également des couleurs désaturées et plus claires pour nos diagrammes et nos boutons, afin d'améliorer la lisibilité et de limiter les vibrations optiques.
La palette du mode sombre est plus claire et moins saturée pour une meilleure visibilité
Et après ?
Chez DoiT, nous poursuivons nos efforts pour rendre nos produits accessibles au plus grand nombre. Nous y voyons un moyen de simplifier la vie de nos clients, de nos partenaires et de toutes les personnes qui collaborent avec nous.
Prochaine étape : rendre la documentation plus accessible directement depuis la plateforme, notamment en permettant de consulter une aide contextuelle pendant l'exécution d'actions. Nous voulons aussi nous assurer que la plateforme reste pleinement utilisable au clavier. Si certains utilisateurs en situation de handicap naviguent sur Internet au clavier plutôt qu'à la souris, les utilisateurs avancés privilégient eux aussi la navigation au clavier pour gagner en efficacité.
Rendre les sites web et autres technologies en ligne accessibles et conformes aux WCAG n'est peut-être pas (encore) une obligation légale, mais cela améliore l'expérience utilisateur et vous aidera à attirer et fidéliser vos clients.