L'accessibilité numérique, qu'est-ce que c'est et comment ça marche ?

Avant toutes choses, définissons certains termes.
Quand on parle d'accessibilité il est important de rappeler ce qu’est le Handicap.
Celui-ci désigne un ensemble de personnes présentant des incapacités physiques, mentales cognitives, psychiques ou sensorielles qui handicapent leur accessibilité au monde qui les entourent.

‍

L’accessibilité est donc un concept large qui touche, au-delà du numérique, la société dans son ensemble.
Pour autant cela n’entache en rien la part de responsabilité qu’a le digital; notamment dans nos métiers qui centrent de plus en plus l’utilisateur au cœur de la conception.
‍
D’ailleurs, on entend souvent parler de l’utilisateur ou user dit “normal / standard". Mais avez-vous déjà entendu parler d'extreme user ou de power user ?
On parle d’extrem user pour désigner les personnes ayant besoin d’assistance ou atteintes d’un handicap. Le power user quant à lui, concerne les utilisateurs aux besoins spécifiques / professionnels. L’extrem user, parfois mis de côté (à tort) représente pourtant une véritable référence en système d'innovation.

‍

Et l'usabilité dans tout ça ? L'usabilité c’est à quel point l’utilisateur est capable d’effectuer l’action qu’il a l’intention de faire et de percevoir les possibilités qui lui sont offertes. Et c’est ce pourquoi il est essentiel d'intégrer des extrems users aux tests utilisateurs. De même que d’ajouter des déficiences à nos personas. Car nous l’avons compris, ce qui pour l’user normal sera compris et utilisable facilement; ne le sera pas forcément pour l’extrem user. De même que, ce qui sera évident pour le power user peut ne pas l’être pour le user normal.

‍

Handicap visuel

Les personnes aveugles qui ont besoin de technologies comme les lecteurs d’écran pour convertir l’information en discours ou en braille. Les malvoyants quand à eux ont besoin d’agrandisseurs d’écran, de contrastes élevés, de polices modifiables.

‍

Handicap moteur ou physique

Ils ont besoins d’interfaces adaptées telles que les claviers ergonomiques, des dispositifs de pointages alternatifs et des commandes vocales. Les personnes atteintes de paralysie ont besoin de technologies basées sur le mouvement de la tête, des yeux ou d’autres parties du corps.

‍

Handicap auditif

Les personnes sourdes ou malendantes ont besoin de pouvoir lire les informations audio. Elles dépendent des sous-titres, de transcription en temps réel ou de boucles auditives.

‍

Handicap cognitif ou intellectuel

Certaines personnes ont des difficultés d’apprentissage qui nécessitent des interfaces particulièrement simples, claires, accompagnées d’aides à la lecture. Les personnes qui ont des troubles de l’attention ont besoin de fonctionnalités d’aide à la concentration et à la mémoire.

‍

Handicap liés à l’autisme ou troubles du comportement du spectre autistique

Ces personnes ont des besoins spécifiques liés à la compréhension sociale, à la prévisibilité, à la structuration et à la stimulation sensorielle adaptée.

‍

Handicap lié à la santé mentale

Personnes atteintes de troubles de santé mentale tels que l'anxiété, la dépression, etc., qui peuvent nécessiter des interfaces conviviales, des notifications sensibles et un soutien émotionnel.

‍

Handicap lié à l'âge

‍Personnes âgées : qui peuvent avoir des difficultés à utiliser des technologies complexes et peuvent avoir besoin d'une conception adaptée à leur niveau de compétence technologique et à leurs limitations sensorielles ou cognitives associées à l'âge.

‍

Handicap visuel

• Agrandissement et contraste : Permettez aux utilisateurs de régler la taille du texte et d'ajuster les paramètres de contraste pour une meilleure lisibilité.
  ‍
• Lecteur d'écran : Assurez-vous que votre site ou votre application est compatible avec les lecteurs d'écran pour que les utilisateurs aveugles puissent naviguer et comprendre le contenu
  ‍

‍

Handicap moteur ou physique

• Navigation : Assurez-vous que tous les éléments de l'interface peuvent être accessibles et activés via le clavier, sans nécessiter de souris.
  ‍
• Temps d'interaction : Offrez des délais suffisamment longs pour les interactions, pour permettre aux personnes ayant une mobilité réduite de compléter les actions.

‍
‍

Handicap auditif

• Sous-titres et transcriptions : Fournissez des sous-titres pour les vidéos et des transcriptions pour les contenus audio, pour aider les personnes sourdes ou malentendantes à comprendre le contenu.
  ‍
• Contrôle du volume et des notifications visuelles : Offrez des options pour ajuster le volume et utilisez des notifications visuelles en plus du son pour alerter les utilisateurs.

‍
‍

Handicap cognitif ou intellectuel

• Simplicité et clarté : Adoptez une conception simple et intuitive avec des étapes claires pour guider les utilisateurs à travers des processus complexes.
  ‍
• Aides à la compréhension : Utilisez des icônes, des labels explicites et des info-bulles pour aider les utilisateurs à comprendre les actions et les fonctionnalités.

‍

‍

Handicap liés à l’autisme ou troubles du comportement du spectre autistique

• Prévisibilité : Créez une interface avec une structure et un comportement cohérents pour offrir un environnement prévisible et rassurant.
  ‍
• Personnalisation et contrôle : Offrez des options pour personnaliser l'interface selon les préférences individuelles, comme le choix des couleurs ou la désactivation des animations.

‍
‍

Handicap lié à la santé mentale

• Conception apaisante : Utilisez des couleurs apaisantes, des animations douces et des éléments visuels encourageants pour favoriser une expérience réconfortante.
  ‍
• Options d'aide et de soutien : Intégrez des fonctionnalités qui permettent aux utilisateurs d'accéder facilement à des ressources d'aide, de soutien ou de méditation.

‍

Handicap lié à l'âge

• Grande taille de police : Utilisez une police de taille suffisamment grande pour garantir que les utilisateurs âgés puissent lire le texte sans effort.
  ‍
• Guidage clair : Fournissez des instructions et des indications claires pour aider les utilisateurs à naviguer et à interagir avec l'interface.

‍

Cette liste est basée sur le référentiel général de l'amélioration numérique RGAA

‍

Accessibilité des images

• Donner une balise alt à vos images
• Les images décoratives sont elles ignorées par les technologie d’assistance ?
• Chaque image porteuse d’information contient elle un descriptif ou un libellé ?
• Les images contiennent-elle une légende ?
  ‍

Accessibilité des couleurs

• L’information ne doit pas être données uniquement par la couleur
• Le contraste entre l’élément et son arrière plan est il suffisamment élevé ?
• Les couleurs sur les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées ?
  ‍

Accessibilité des éléments multimédias

• Chaque média est-il accompagné d’une transcription textuelle ou audio description ?
• Chaque média est-il facilement identifiable ?
• Chaque média a t-il si nécessaire, une alternative ?
• Chaque son déclenché est-il contrôlable de l’utilisateur ?
• La consultation du média est-elle accessible au clavier ?

‍

Accessibilité des tableaux

• Chaque tableau a-til un résumé ou un titre auto-porteur ?
• Le contenu linéarisé reste-il compréhensible ?
• Chaque en-tête de ligne ou de colonne sont-ils suffisement explicites ?

‍

Accessibilités de vos liens et actions

• Chaque lien est-il explicite hors contexte ?
• Est ce que le lien ou l’action est identifiable visuellement ?

‍

Structure de l’information

• L’information est elle structurée de titres appropriés ?
• Chaque liste est-elle correctement structurée et identifiable ?
• Chaque citation est elle correctement indiquée ?

‍

Accessibilité des formulaires

• Chaque champ a t-il un libellé ?
• Les champs de même nature sont-ils regroupés si nécessaires ?
• Chaque regroupement dispose t-il d’un titre ou d’une légende ?
• L’intitulé de chaque bouton est-il pertinent ?
• Le contrôle de la saisie est-il pertinent ?
• Les messages d’erreur et d’aide à la saisie sont-ils clairs à chaque situation ?
• La finalité d’un champs peut-être elle déduite pour faciliter le remplissage automatique ?
• Le champs est-il explicite par sa taille, son aide à la saisie, son contenu ?
  ‍

Accessibilité de la navigation

• Chaque ensemble de page dispose t-il de deux systèmes de navigation différents au moins ? (menu, table des matières, plan du site, moteur de recherche)
• Le menu et éléments de navigation sont-ils toujours à la même place ?
• Le moteur de recherche est-il atteignable de manière identique sur chaque page ?

‍

Refonte des plateformes de Waste Market Place

Lors de la réalisation de la refonte UX/UI de la plateforme Saas, nous avons été confronté à une problématique supplémentaire que celles vues au dessus.
Les utilisateurs de l'outil ont un usage principalement en extérieur. Qui dit extérieur dit environnement et variation de lumière.
Ainsi nous devions concevoir des interfaces suffisamment contrastée pour pallier aux rayons sur soleil ou au contraire au manque de luminosité.

‍

Conception des interfaces collaborateurs au Crédit Agricole

Lors de la refonte des interfaces B2B du Crédit Agricole, nous avons également été confronté à de nombreuses problématiques d'accessibilité.
D'une part nous parlons à des milliers de conseillers en banque, ce qui implique indéniablement une part de personnes en situation de difficulté face aux écrans.
D'autre part, la variété des écrans et leurs contraste nous ont poussé à penser des interfaces très contrastées, et aux couleurs qui peuvent s'adapter à tous.
De véritables enjeux, autant dans l'UX que dans l'UI pour rendre des outils accessibles à tous.

‍

Réalisation des parcours de réservation de transports sanitaires.

Pour Keolis Santé, nous avons pensé des parcours B2C afin que nous puissions tous réserver des transports sanitaires en ligne.
Il s'avère que ceux qui ont le plus besoin de ce type de service sont malheureusement nos aînés.
Ainsi nous avons dû adapter notre UX et notre UI à une cible particulièrement agée (> 60 ans), pas forcément à l'aise avec le digital.
Cela passe forcément par la taille des éléments et les contrastes mais aussi par l'UX Writing et l'accompagnement au sein des parcours.

‍

https://www.atalan.fr/agissons/fr/ : pour tester certains handicaps

https://accessibilite.numerique.gouv.fr/ : Le référentiel de l’accessiblité numérique de l’état

https://wave.webaim.org/ pour tester l’accessibilité de votre produit

‍