Refonte accessibilité – JO Paris 2024
Un site Olympique, mais pas Paralympique. Extrait de l’audit accessibilité Voir les livrables Le contexte Projet de dernière année de Mastère User Experience, réalisé en quatre jours dans le cadre d’un atelier sur l’accessibilité numérique. Rendre le site officiel des Jeux Olympiques Paris 2024 accessible était une nécessité absolue, en particulier à l’approche des Jeux Paralympiques. Les objectifs Rendre le site web des JO Paris 2024 accessible : Grâce au Référentiel général d’amélioration de l’accessibilité (RGAA) et aux normes WCAG 2.2 (Web Content Accessibility Guidelines), identifier les principaux freins à l’accessibilité du site officiel des JO de Paris 2024 Proposer une refonte plus inclusive, respectueuse des normes RGAA et WCAG Tester cette refonte avec des outils adaptés Fournir les spécifications fonctionnelles pour les développeurs Mon rôle Avec mon équipe, participation à toutes les étapes du projet : audit, refonte et tests. Les outils utilisés Figma et plugins design accessible Outils d’accessibilité numérique : Narrateur vocal (NVDA) Navigation Clavier Outils de mesure des contrastes La démarche & les livrables Jour 1 L’équipe a débuté par un audit UX et accessibilité, révélant des incohérences (hiérarchie de titres, textes non lus par les lecteurs d’écran, contrastes faibles, etc.). Nous avons testé l’accessibilité grâce à des outils tels que le lecteur vocal (NVDA), la navigation au clavier et les outils de contraste. Jours 2 et 3 Nous avons ensuite conçu une refonte graphique et structurelle de pages clés sur Figma, en nous appuyant sur les normes RGAA et WCAG. Nous nous sommes aidés de plugins Figma d’aide au design accessible (contrastes, lisibilité des typographies, etc). Jour 4 Nous avons rédigé les spécifications fonctionnelles à destination des équipes techniques afin de respecter les normes d’accessibilité. Page de connexion Page d’inscription Landing page – écran d’accueil Landing page – carrousel Landing page – section infos Landing page – cards Landing page – FAQ Landing page – footer Carte des lieux sportifs Infos accessibilité et transport Landing page – header accueil Landing page – carrousel cards Landing page – sections infos Landing page – carrousel cards Landing page – FAQ Landing page – footer