Un site Olympique, mais pas Paralympique.
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é.
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é.
