Le projet Tandem Mobilités, porté par ALEC et WeKer, avait pour ambition de créer une plateforme numérique facilitant l'accès aux transports pour tous les publics. Face aux enjeux d'inclusion numérique et aux obligations légales du RGAA, Platane a relevé le défi de développer un site exemplaire en matière d'accessibilité.
Son objectif : proposer une interface intuitive et inclusive, permettant à chaque utilisateur, quelles que soient ses capacités, d'accéder facilement aux informations sur les solutions de mobilité disponibles.
Une approche globale de l'accessibilité web
Nous avons opté pour une stratégie d'accessibilité à deux niveaux, combinant le respect strict des standards RGAA avec l'intégration d'outils d'adaptation personnalisée. Cette approche garantit une expérience optimale pour tous les utilisateurs, qu'ils utilisent des technologies d'assistance ou non.
Côté développement, l'équipe a mis en place :
- Une structure HTML sémantique rigoureuse respectant les standards du W3C
- Des contrastes de couleurs conformes aux niveaux AA des WCAG
- Une navigation entièrement accessible au clavier
- Des textes alternatifs pertinents pour toutes les images
- Une hiérarchie de titres logique facilitant la navigation par lecteur d'écran
Des outils innovants pour une accessibilité personnalisée
Au-delà de la conformité technique, nous avons intégré trois outils majeurs permettant aux utilisateurs d'adapter l'interface à leurs besoins spécifiques :
- L'outil de changement de police pour dyslexiques offre la possibilité de basculer vers des polices spécialement conçues comme OpenDyslexic ou Lexie, réduisant significativement les difficultés de lecture pour les 8% de la population touchée par des troubles dys.
- L'outil d'augmentation de la taille des boutons permet d'agrandir les zones cliquables jusqu'à 150% de leur taille initiale, facilitant la navigation pour les personnes ayant des difficultés motrices ou utilisant le site sur mobile.
- L'outil d'augmentation des contrastes propose plusieurs modes : contraste élevé, contraste inversé et mode nuit, permettant une lecture confortable même en cas de déficience visuelle ou de fatigue oculaire.
Un développement respectueux des standards externes
Au-delà des outils intégrés, le site a été conçu pour être parfaitement compatible avec les outils d'assistance externes utilisés par les personnes en situation de handicap :
- Compatibilité native avec les lecteurs d'écran (JAWS, NVDA, VoiceOver) grâce à une structure ARIA appropriée
- Support des loupes d'écran avec une mise en page fluide qui s'adapte aux différents niveaux de zoom
- Intégration harmonieuse avec les extensions de navigateur modifiant les contrastes ou les polices
- Navigation optimisée pour les dispositifs de pointage alternatifs (joysticks, eye-tracking)
Une expertise certifiée au service de l'accessibilité
La présence d'un Expert Opquast certifié au sein de l'équipe a été déterminante dans la réussite du projet. Cette certification, reconnue au niveau national, garantit une maîtrise approfondie des 240 bonnes pratiques de qualité web, dont l'accessibilité constitue un pilier fondamental.
Cette expertise nous a permis de :
- Anticiper les problématiques d'accessibilité dès la phase de conception
- Mettre en place des processus de validation rigoureux à chaque étape
- Former l'ensemble de l'équipe aux enjeux d'inclusion numérique
- Assurer une maintenance évolutive respectant les standards d'accessibilité
Conclusion
Avec ce projet Tandem Mobilités, notre agence démontre qu'accessibilité rime avec innovation et performance. En combinant respect rigoureux des standards RGAA, outils d'adaptation personnalisée et expertise certifiée Opquast, nous avons créé une plateforme véritablement inclusive.
Cette réalisation prouve qu'il est possible de concilier exigences légales, besoins utilisateurs et excellence technique. Le site Tandem Mobilités est aujourd'hui un exemple de ce que doit être l'accessibilité web moderne : invisible pour ceux qui n'en ont pas besoin, indispensable pour ceux qui en dépendent.
