L'accessibilité numérique sur Internet est aujourd'hui au cœur de toutes les préoccupations et des avancées technologiques, car elle a pour objectif de rendre le numérique accessible à tous. Dans cet article, nous explorerons son importance ainsi que sa mise en place sur les plateformes de livraison de repas en ligne.
Qu’est ce que l’accessibilité numérique ?
L’accessibilité numérique est essentielle et promeut le principe d’équité. Elle vise à rendre les nouvelles technologies accessibles à tous, notamment les personnes en situation de handicap. En d'autres termes, il est primordial que les dispositifs numériques soient conçus de manière à ce que chaque utilisateur puisse les comprendre, les parcourir et interagir avec facilité.
Outre la logique fondamentale du principe, il est impératif pour toute interface d'intégrer l'accessibilité numérique, comme en témoigne la loi française n° 2005-102 du 11 février 2005, pour l'égalité des droits, des chances, à la participation et la citoyenneté des personnes handicapées. Cette loi englobe également les personnes atteintes de déficiences cognitives (dyslexie, dysgraphie, dyscalculie) garantissant ainsi une expérience internet élargie, inclusive et intuitive.
Les administrations publiques et les entreprises doivent impérativement respecter le RGAA (Référentiel Général d’Accessibilité des Administrations) permettant de faciliter la mise en accessibilité des sites et services numériques.
Comme indiqué sur le site du gouvernement français, le RGAA “[...] définit une méthode technique et propose un cadre opérationnel de vérification de la conformité aux exigences d’accessibilité. Elle comporte 106 critères de contrôle RGAA incluant une moyenne de 2,5 tests par critères.”
Les outils et technologies d’assistance
Une interface web doit respecter plusieurs principes afin d’être efficace. Elle doit premièrement être perceptible en offrant différentes façons d'afficher et de présenter l'information. Elle doit ensuite être utile en rendant accessible toutes les fonctionnalités de l'interface. De plus, elle doit être compréhensible en présentant un contenu informatif facile à lire. Enfin, elle doit être stable et fiable, afin d’être correctement interprétée par les technologies d'assistance.
Laissez-moi vous présenter les technologies d'assistances les plus importantes parmi un ensemble d'outils, de logiciels et de plugins internet (extensions à ajouter à votre navigateur web).
Nous retrouvons dans un premier temps les technologies de reconnaissance vocale comme Alexa, Siri ou Cortana déployées sur téléphones, enceintes et autres appareils. Ces dernières permettent de réaliser de simples actions comme envoyer un message ou bien encore ouvrir une page web, par la simple utilisation de la voix. L’outil s’active en énumérant une courte phrase ou mots tels que “Dis Siri” ou “Alexa”.
Il existe également la synthèse vocale qui vise à convertir un texte en contenu audio. Cette technologie est présente dans les lecteurs d'écran tels que JAWS ou NVDA, ainsi que dans Voice Over, permettant ainsi de lire dans la mesure du possible, tout ce qui se trouve sur une interface. Ces technologies sont conçues pour les personnes ayant une déficience visuelle, les personnes âgées ou celles ayant des difficultés de lecture.
Des outils permettant de mettre en valeur la navigation web, sont mis à la disposition de tous. Ces derniers peuvent aussi indiquer aux concepteurs, les potentiels manques d’accessibilité et cohérences sur leurs interfaces. Cela est possible avec le plugin A11Y, permettant d’alerter les potentiels risques et erreurs dans le corps html d’une page. Ce plugin propose également d’afficher les contours des boutons d’une interface lorsqu’on souhaite naviguer avec le clavier soit par tabulation.
Des outils comme Orange Confort+, améliorent le confort sur une interface. Le plugin propose un outil d'agencement de texte, de changement de typographie, de couleurs, un outil de loupe et enfin de comportement de navigation. De ce fait, il permet aux personnes ayant un handicap cognitif ou bien encore aux personnes âgées de se sentir inclus et d'éviter toute perturbation le long de leur navigation.
Une multitudes de technologies d’assistances améliorent l’accessibilité sur internet tels que les plugin de contraste de couleur, les modes nuit et jour, ou bien encore la création de contrastes en lien avec le daltonisme. Des solutions à envisager au sein de la sémantique des pages comme le responsive et l’adaptative design.
Quand est-il des plateformes de livraison de repas en ligne ?
L’accessibilité numérique est encore aujourd’hui perçue comme une contrainte malgré les nombreux avertissements, lois et outils mis à disposition. Le design inclusif est souvent négligé dès les premières étapes de la conception des sites web. J'ai examiné certains aspects qui me semblent pertinents parmi les trois monopoles des plateformes de livraison de repas en ligne.
Le responsive
Le responsive des interfaces mobiles à été abordé dans cet article et semble être respecté. Mais quand est-il de leurs versions web ?
Voici les captures d'écran des pages d'accueil web de nos trois géants. Il est évident que Deliveroo et Just Eat sont beaucoup plus responsive, car les éléments sont automatiquement ajustés et clairement indiqués. Un utilisateur en situation de handicap pourra se repérer plus facilement avec ses outils d’assistance sur Deliveroo et Just Eat, contrairement à Uber Eats qui masque l’accès aux catégories, au menu et au compte personnel.
La lecture de l’écran
La lecture de l’écran peut être compromise par de nombreux paramètres, tel que le manque de référencement des images. Ceci est visible lorsque l’on inspecte les éléments de la sémantique d’une page web.
Il est important de référencer l’ensemble des images dans le html (sémantique ou corps d’une page), afin qu’elles soient “lisibles” par un lecteur d’écran. De ce fait, l’utilisateur pourra imaginer ce qui lui fait face grâce à la description de l’outil.
Voici un parfait exemple avec cette image de burger accompagnée du slogan Just Eat :
Il arrive cependant que les plateformes ne fournissent pas de descriptions claires et concises, ce qui peut rendre la navigation de l'utilisateur difficile.
La navigation par tabulation
La navigation par tabulation ou focus clavier, fonctionne en utilisant la touche “tab” pour avancer et les touches “Maj + Tab” pour reculer. Cette navigation exigée par le RGAA, permet de naviguer d’un élément cliquable à un autre selon l’ordre précis du focus. Elle garantit aux utilisateurs utilisant des claviers ou des technologies d'assistance, de naviguer et interagir sur l'interface. Voici ce que cela donne lorsque l’on navigue sur Deliveroo.
L’encadré en noir montre ou le curseur se situe. La navigation par tabulation est respectée dans l’ensemble du site. Chaque élément est correctement sélectionné.
Il peut néanmoins arriver que la navigation soit faussée voire inexistante sur les autres plateformes, faussant ainsi le parcours des utilisateurs.
Les solutions mises en place
Très peu de solutions sont mises en place par les plateformes de livraison de repas en ligne.
Néanmoins de petites initiatives commencent à prendre forme, notamment chez Uber Eats qui met à disposition des articles de blog dédiés à l’accessibilité.
Nous pouvons trouver des tutoriels sur la configuration de VoiceOver ou bien TalkBack sur la plateforme. Voice Over est une technologie d'Apple qui transforme votre appareil en lecteur d'écran contrôlé par des gestes, décrivant à voix haute chaque action effectuée. Il est possible de régler la vitesse et la tonalité de la voix pour s'adapter à tous les utilisateurs. TalkBack est une technologie Google disponible sur Android. Le but de ces deux technologies similaires, est d’aider les utilisateurs aveugles ou ayant des troubles de la vision à naviguer sur leurs appareils.
L’ensemble des plateformes prennent l'initiative de sauvegarder les informations de leurs utilisateurs, y compris la localisation et les préférences alimentaires. Par conséquent, les établissements à proximité de votre adresse restent les mêmes, ce qui facilite la navigation.
Les plateformes de livraison de repas en ligne peuvent également améliorer l'expérience des personnes sourdes ou malentendantes grâce à une navigation simplifiée, un service client en ligne et une FAQ disponible à n'importe quel instant.
Suggestions à implanter
De nombreuses suggestions sont à implanter au sein des plateformes de livraison de repas en ligne, afin d’améliorer l’expérience des utilisateurs et de démocratiser l’accessibilité numérique. Nous pourrions retrouver :
Une navigation simplifiée et intuitive, accompagnée d’un menu bien plus structuré ou nous retrouverons des catégories précises ou regroupées par restaurants, épiceries, ce qui pourrait condenser la recherche et aérer l’espace visuel.
Un mode nuit et jour mis en avant, adaptant ainsi la luminosité à l’acuité visuelle et renforçant le confort.
Un outil d’agrandissement de texte, de loupe, ou bien un zoom intégré notamment dans les applications mobiles.
Un meilleur référencement des images et composants dans la sémantique des pages web.
Une palette de couleurs à adapter à ses besoins.
Un design 100% responsive.
Une amélioration autour du focus clavier.
Je tiens à remercier Thalia Ferhat et Solenn Lelong pour leurs conseils avisés.
Je vous invite grandement à aller jeter un oeil à leurs blogs professionnels ci-dessous :
Le blog de Thalia : Accessibilité numérique | Handicap. (thaliaferhat.wixsite.com/accessibilitenumeriq)
Le blog de Solenn : Accueil | Mon blog
Références utilisées
UBER EATS, Articles de blogs, "Accessibilité VoiceOver et TalkBack".
Accessibilité : Comment utiliser VoiceOver | Restaurants - Aide Uber
Accessibilité : Comment utiliser TalkBack | Restaurants - Aide Uber
AKBARALY, Moïse, Article de blog IPEDIS, "Les 10 meilleurs conseils pour améliorer l'accessibilité numérique de son site web", 2019.
Les 10 meilleurs conseils pour améliorer l'accessibilité numérique de son site web (ipedis.com)
GOUVERNEMENT FRANCAIS, Article, "Référentiel général d’amélioration de l’accessibilité - RGAA - Version 4.1.2", 2019, mis à jour en 2023.
Référentiel général d’amélioration de l’accessibilité - RGAA (numerique.gouv.fr)
Illustration de couverture d’article réalisée par Adobe (Adobe Website ADA Compliance).
亚博体育 亚博体育 亚博体育 亚博体育 开云体育 开云体育 开云体育 开云体育 乐鱼体育 爱游戏体育 华体会体育 华体会体育
Excellent article, Nour ! Tant sur le plan redactionnel Que sur la profondeur des analyses fournies. Ton travail est vraiment impressionnant !