Accessibilité : concevoir un webmail pour tous

L'accessibilité est la capacité d'un logiciel à être utilisé par tous. Découvrez comment BlueMind a intégré l'accessibilité à son webmail.
Partager

BlueMind a pour mission de répondre à tous les usages de la messagerie professionnelle. Seule solution nativement compatible avec Outlook, meilleur support pour Thunderbird, les MAC, les Mobiles, BlueMind possède aussi désormais un webmail 100% centré sur l’expérience utilisateur.

Après l’article, la vidéo, et le webinar de présentation « génériques » de ce nouvel outil, nous vous proposerons d’autres articles consacrés à des points particuliers. Commençons par l’accessibilité, l’un des sujets phares du nouveau webmail. Cet article est rédigé par Blandine Descamps Medda, UX Designer qui fait partie de l’équipe « nouveau webmail » de BlueMind.

.

Qu’entend-on par accessibilité ?

« Mettre le web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » Définition de l’accessibilité attribuée à Tim Berners-Lee

Chacun peut se retrouver en situation de handicap, permanent, temporaire ou situationnel. Un bras cassé, le reflet du soleil en extérieur ou encore une maladie dégénérative comme Parkinson peuvent induire une situation de handicap.

Développer une application accessible, c’est éviter d’exclure des personnes.

L’accessibilité est définie par des standards internationaux (Web Content Accessibility Guidelines), nationaux (Référentiel Général d’Amélioration de l’Accessibilité, et fait l’objet d’une norme ISO (ISO/IEC 40500:2012).

Selon ces standards, une application est accessible si elle remplit les critères suivants :

  • Perceptible : l’information et les composants de l’interface utilisateur doivent être présentés à l’utilisateur de façon à ce qu’il puisse les percevoir.
  • Utilisable : les composants de l’interface utilisateur et de navigation doivent être utilisables.
  • Compréhensible : les informations et l’utilisation de l’interface utilisateur doivent être compréhensibles.
  • Robuste : le contenu doit être suffisamment robuste pour être interprété de manière fiable par une large variété d’agents utilisateurs, y compris les technologies d’assistance (lecteurs d’écran par exemple).

.

L’accessibilité et la réglementation

L’accessibilité, c’est aussi une obligation légale pour un grand nombre de structures. Comme le prévoit l’article 47 de la loi n° 2005-102 du 11 février 2005 pour l’égalité des droits et des chances, l’obligation d’accessibilité concerne les organismes du secteur public, y compris les organismes délégataires d’une mission de service public, mais aussi les entreprises privées à compter d’un chiffre d’affaires de 250 millions d’euros en moyenne sur les 3 derniers exercices (détail des exceptions et dérogations ici).

Les organisations concernées doivent s’assurer que les produits ou services numériques sont conformes à l’un des référentiels techniques applicables (W3CWAI-ARIAOpquast…).  En cas de non-conformité l’organisation concernée encourt une amende administrative pouvant être de 2 000 euros pour certaines catégories d’organisations du secteur public, et de 20 000 euros pour les autres organisations dont les entreprises qui réalisent au moins 250 millions d’euros de chiffre d’affaires en France.

Ces amendes s’appliquent par service numérique non conforme et peuvent donc se cumuler, ce qui peut rapidement saler la note !

Si le Référentiel général d’accessibilité pour les administrations (RGAA) est essentiel en termes d’incitation, l’accessibilité numérique est un marché très ouvert, très porteur, et innovant qui mérite que l’on s’en préoccupe dans tous les cas. Les personnes en situation de handicap (18% de la population), les seniors (20% de la population), ou les personnes temporairement impactées (poignet cassé, oubli de lunettes, maladie des yeux…) représentent une grande part de la population.

Retrouvez sur W3C de la Web Accessibility initiative le « business case » de l’accessibilité, c’est-à-dire les bénéfices « business » à en retirer : innovation, image, part de marché, tout le monde a à gagner à travailler pour l’inclusion numérique.

.

Développer un webmail accessible

La messagerie est l’outil n°1 en entreprise. Elle se doit donc d’être accessible à tous et c’est pourquoi BlueMind en a fait un chantier majeur pour le nouveau webmail. Pour être pertinente et bien intégrée, la problématique et la gestion de l’accessibilité doivent être traitées dès le départ et infuser tout le développement.

.

  • Former

Chez BlueMind, l’ensemble des développeurs Webmail et UX a été formé sur les enjeux et les normes de l’accessibilité.

.

  • Concevoir

L’accessibilité est prise en compte dès la conception d’une fonctionnalité. Voici quelques exemples de questions que l’équipe se pose lors de la phase de maquettage et de rédaction des spécifications :

  • Est-ce que tous les boutons sont accessibles au clavier ?
  • Lors de l’utilisation de l’application avec un lecteur d’écran, est-ce que tous les boutons icônes ont un descriptif textuel ?
  • Est-ce que toutes les informations sont visibles pour quelqu’un qui ne voit pas les couleurs ? Par exemple, un message d’erreur en rouge, sera plus visible si l’on y associe une icone :

.

  • Développer

Lors de la phase de développement, l’équipe utilise une panoplie d’outils pour évaluer l’accessibilité (Google Lighthouse, Axe, WAVE…).

.

  • Tester

La phase de test est toujours une phase clé chez un éditeur et tester l’accessibilité n’est pas une mince affaire car environ seulement 30% des soucis d’accessibilité sont testables automatiquement.

Il faut donc également tester manuellement à la fin de l’implémentation, et pour ça rien de mieux qu’apprendre à utiliser un lecteur d’écran comme NVDA ou ORCA. Ces logiciels ne sont pas évidents à prendre en main, mais c’est bien en se mettant dans ces situations de difficultés que l’on peut mieux comprendre l’utilisateur. Plus simplement, on peut aussi tester de naviguer dans l’application uniquement au clavier. Le site de BlueMind est aussi accessible : faites le test en sortant de cet article et en allant sur une autre page uniquement au clavier !

Il existe aussi des plugins sur navigateur permettant de tester des déficiences visuelles. Ci-dessous, le webmail vu sans couleur (vision avec achromatopsie) avec l’extension du navigateur Chrome NoCoffee.

.

Bonjour webmail en noir et blanc !

.

  • Capitaliser

Le dernier atout de l’équipe pour s’assurer de conserver un haut niveau de qualité à chaque nouveau développement est de capitaliser ses composants graphiques dans un référentiel : le style guide (disponible ici : https://forge.bluemind.net/staging/styleguide/abm-styleguide.html).

Ce référentiel est un guide de bonnes pratiques et une bibliothèque de composants réutilisables utilisés par l’ensemble des acteurs de la solution. Cela nous permet aussi d’assurer la meilleur expérience utilisateur possible autant sur le web que sur mobile.

.

Conclusion

Grâce à ces outils, notre méthode de développement (UX first) et la prise en compte de l’accessibilité à tous les stades du développement, nous sommes fiers de proposer un webmail accessible au plus grand nombre et facile d’utilisation. Nous permettons aux administrations publiques et entreprises concernées par la règlementation de s’y conformer tout en choisissant une solution européenne, souveraine.


Maintenant que le webmail est disponible, nous avons hâte d’avoir vos retours !

Photo de couverture : Photo by fauxels from Pexels

Contenus similaires
Résumé de la politique de confidentialité

1. Préambule

BlueMind est particulièrement attaché au respect de la vie privée et à la protection des données à caractère personnel. Aussi, la présente politique de protection des données a pour objectif de vous informer sur les engagements et mesures pratiques pris par BlueMind afin de veiller au respect de vos données à caractère personnel.

La présente politique de confidentialité pourra évoluer en fonction du contexte légal et réglementaire et de la doctrine de la Cnil.

2. Champ d’application

Cette politique de protection des données à caractère personnel s’applique à tous les traitements de données à caractère personnel, mis en œuvre par BlueMind, relatifs aux personnes extérieures (notamment les clients, partenaires, candidats au recrutement, fournisseurs, internautes).

3. Données collectées

De manière générale, vous pouvez entrer en contact avec BlueMind et visiter nos sites internet sans qu’il soit nécessaire de nous communiquer vos données personnelles.

Toutefois, afin d’être en mesure de vous apporter certains services, BlueMind peut vous demander de lui fournir des données personnelles, par exemple, pour répondre à une demande de contact, suivre un dossier de candidature, envoyer une newsletter ou gérer votre souscription à nos services.

Peuvent notamment être collectées vos coordonnées (nom, adresse, numéro de téléphone, adresse électronique, etc.) et d’autres informations, telles que celles indispensables à l’ouverture d’une souscription, ou bien encore des données liées à votre parcours professionnel lorsque vous postulez à l’une de nos offres.

Dans tous les cas, BlueMind veille à ne collecter et ne traiter que des données strictement nécessaires au regard de la finalité pour laquelle elles sont traitées (minimisation des données).

4. Finalités de la collecte

Les traitements mis en œuvre par BlueMind répondent à une finalité explicite, légitime et déterminée.

Vos données sont traitées principalement pour les finalités suivantes :

la gestion de votre inscription aux évènements ;
la gestion de votre abonnement à nos publications ;
la réponse à vos demande de contact ;
le suivi de votre dossier de candidature.

5. Information des utilisateurs

Conformément à la Règlementation Informatique et libertés, BlueMind vous informe sur les traitements de données à caractère personnel qu’elle met en œuvre.

Ainsi, BlueMind vous informe, de manière claire, lors de chaque collecte de données à caractère personnel notamment :

de l’identité du responsable de traitement (il s’agit du Data Protection Officer, DPO) ;
de la finalité pour laquelle vos données sont collectées ;
du caractère facultatif ou obligatoire des réponses ;
des destinataires des données ;
de l’existence et des modalités d’exercice des droits d’interrogation, d’accès, de rectification et d’opposition relativement à l’ensemble des données vous concernant.

6. Destinataires des données

BlueMind ne communique vos données à caractère personnel qu’à des destinataires habilités et déterminés.

Les destinataires de vos données à caractère personnel sont les services concernés de BlueMind.

7. Conservation des données

BlueMind ne conserve vos données que pour la durée nécessaire aux opérations pour lesquelles elles ont été collectées ainsi que dans le respect de la législation en vigueur.

8. Sécurité

BlueMind assure la sécurité de vos données à caractère personnel en mettant en place une protection des données renforcée par l’utilisation de moyens de sécurisation physiques et logiques.
9. Vos droits

En application de la règlementation Informatique et libertés, vous disposez d’un droit d’accès, de rectification, d’effacement, de limitation du traitement, à la portabilité et de définir le sort de vos données après votre décès relativement à l’ensemble des données vous concernant qui s’exercent auprès du Délégué à la protection des données par courrier électronique à l’adresse suivante : dpo@bluemind.net ou par courrier postal à l’adresse suivante, Hôtel des Télécom, BlueMind, 40 rue du village d’entreprise, 31670 Labège, accompagné d’une copie d’un titre d’identité signé.

10. Contact

Pour toutes demandes d’information concernant la politique de protection des données à caractère personnel mise en œuvre par BlueMind, vous pouvez vous adressez à dpo@bluemind.net