Paris Web 2024 : pour l'accessibilité et l'inclusivité

Paris Web 2024, l'événement annuel dédié à l'accessibilité, au design web et aux technologies numériques, rassemble développeuses et développeurs, designers UX/UI, expertes et experts du secteur pour échanger sur les pratiques visant à rendre le web plus inclusif et accessible. Cette année, plusieurs conférences marquantes ont mis en avant des solutions open-source, l’alternative aux applications monopages (SPA) et l’importance de l’accessibilité dans les pratiques UX. Voici un aperçu de trois interventions qui illustrent les défis actuels et les approches émergentes dans ces domaines.

« Orejime : Un projet open-source accessible : conte de fée ou drama project ?! » par Simon Bonaventure

La première présentation, dirigée par une équipe travaillant sur Orejime, portait sur les défis liés à la création d'un outil de gestion des cookies accessible. Dès le début, l’équipe a été confrontée à plusieurs obstacles pour se conformer aux exigences légales d’accessibilité tout en respectant les contraintes budgétaires. Les outils classiques disponibles sur le marché ne répondaient pas suffisamment à ces besoins, et les clients étaient souvent réticents à financer des solutions personnalisées.

Grâce à leur expertise en développement centré sur l’accessibilité, l’équipe a cherché une solution open-source. Ils ont d'abord contribué au projet KLARO, un gestionnaire de cookies bien connu, mais la collaboration avec des développeurs externes s’est révélée complexe. Ils ont alors décidé de créer leur propre outil, Orejime, mieux adapté à leurs objectifs d'accessibilité.

Après un mois de développement et une maintenance continue, Orejime a été lancé en tant qu'outil open-source, et a rapidement gagné en popularité. Des plateformes importantes, comme la DILA et plusieurs sites web gouvernementaux belges, ont adopté cet outil. Grâce à la visibilité obtenue sur les réseaux sociaux et au sein du réseau Opquast, Orejime a gagné en notoriété, bénéficiant ainsi de contributions communautaires et d’un bon référencement.

Cependant, tout n’a pas été simple. Le manque de revenus directs générés par cet outil open-source et le temps nécessaire pour traiter les contributions externes ont pu créer des complications. Malgré ces défis, Simon Bonaventure a prouvé qu’avec le soutien de la direction, les projets open-source axés sur l’accessibilité peuvent offrir des bénéfices significatifs, tant pour les développeuses et les développeurs que pour la communauté.

« Il n’y a pas que les Single Page Applications dans la vie » par Anthony Ricaud

Lors de cette conférence, Anthony Ricaud a remis en question l’omniprésence des Single Page Applications (SPA) dans le développement web moderne, en expliquant que cette approche n'était pas la seule solution viable. Selon lui, l'architecture web doit offrir une plus grande diversité de choix, et les Multiple Page Applications (MPA) traditionnelles peuvent être une alternative plus adaptée dans de nombreux cas.

Anthony Ricaud a décrit plusieurs inconvénients des SPA, notamment en termes de performance et d'expérience utilisateur. Les SPA, dépendantes de JavaScript pour charger et afficher les contenus, peuvent générer des temps de latence importants, particulièrement sur des connexions mobiles plus lentes. Lors d'une démonstration comparative entre une SPA et une MPA sur des connexions 4G, la MPA, qui ne dépend pas du JavaScript pour son affichage initial, s’est avérée beaucoup plus rapide et performante.

Sur le plan du développement, les SPA introduisent également des complexités supplémentaires, telles que la nécessité de mettre en place un backend Node.js pour gérer les API. Cela fragmente souvent les équipes, en séparant plus nettement les développeurs frontend et backend. En revanche, les MPA, qui rendent les pages côté serveur, maintiennent une plus grande cohésion entre les différentes parties du projet.

Anthony Ricaud a aussi insisté sur l'importance de fournir une expérience utilisateur fonctionnelle sans JavaScript, favorisant l’amélioration progressive pour garantir l’accessibilité des services de base. Il a mis en avant des technologies CSS émergentes qui peuvent enrichir l'expérience utilisateur des MPA, notamment CSS accent-color, view transitions, scroll animations, relative colors et speculative loading. Ces technologies permettent de créer des transitions visuelles fluides, des animations au défilement, et d'optimiser le chargement des ressources, donnant ainsi aux MPA une interactivité et une performance souvent associées aux SPA.

En conclusion, Anthony Ricaud a montré que les MPA, lorsqu'elles sont bien optimisées, offrent une solution robuste et performante, particulièrement pour des projets qui privilégient l'accessibilité et une meilleure user experience.

« Défendre et industrialiser l’accessibilité en tant que designers UX » par Nora Goerne et Tamara Sredojevic

Lors de cette présentation, Nora et Tamara ont mis en avant le rôle clé des designers UX dans la promotion de l'accessibilité au sein des entreprises. Elles ont commencé par décrire les designers UX comme des « détectives », constamment en train de questionner et d’explorer leur environnement pour améliorer l'expérience utilisateur. Elles ont ensuite exploré les obstacles fréquents à l’intégration complète de l’accessibilité dans le design de produit.

L’un des principaux problèmes soulevés est l'instabilité organisationnelle, comme des difficultés économiques, un fort turnover ou des délais trop serrés, qui empêchent souvent une attention suffisante à l'accessibilité dans les processus de design. Nora et Tamara ont souligné l’importance d’établir une documentation solide et de créer un Design System robuste afin d'éviter de devoir reprendre le travail sur l'accessibilité à chaque nouveau projet.

La résistance au changement de la part de la direction est également un obstacle, certains considérant l’accessibilité comme trop coûteuse ou inutile pour leurs utilisatrices et utilisateurs cibles. Elles ont encouragé l'utilisation de l'empathie et d'arguments adaptés à chaque public. Pour les développeuses et développeurs, l’accessibilité améliore la qualité du code ; pour le marketing, elle renforce l’image de marque ; et pour l'entreprise en général, elle réduit les risques juridiques et ouvre de nouvelles opportunités commerciales.

Un autre problème courant est le manque de clarté concernant les rôles et responsabilités en matière d'accessibilité au sein des équipes. Nora et Tamara ont recommandé des outils comme l’ARRM (Accessibility Roles and Responsibilities Mapping) du W3C pour clarifier qui doit gérer quelles tâches spécifiques en matière d'accessibilité. Elles ont également encouragé l'intégration de l’accessibilité dans les flux de travail à travers des user stories inclusives, des plugins de design système, et l’implication d'utilisatrices et d’utilisateurs en situation de handicap lors des phases de test.

Pour mesurer et améliorer la maturité d’une organisation en matière d’accessibilité, elles ont mis en avant le Accessibility Maturity Model du W3C, qui permet d’évaluer les progrès en quatre niveaux d'intégration.

Conclusion

Paris Web 2024 a une fois de plus mis en lumière l'importance de l'accessibilité et des bonnes pratiques web. Que ce soit à travers le projet Orejime de Simon Bonaventure, la défense des Multiple Page Applications par Anthony Ricaud, ou encore l’approche pragmatique de Nora Goerne et Tamara Sredojevic sur l’intégration de l’accessibilité dans les processus UX, les conférences ont apporté des solutions concrètes aux défis actuels.

Au-delà des aspects techniques, Paris Web se distingue par son esprit communautaire, un espace où les professionnels partagent connaissances et pratiques pour rendre le web plus inclusif. Ce rassemblement renforce l'idée que l'accessibilité est une responsabilité collective et un moteur d’amélioration continue.
 

La communauté NEXTDEV.