Un site web pensé accessible dès la conception : découvrez comment l'opérateur bruxellois de transport public a relevé ce défi et inspirez-vous de son parcours vers l’inclusion.
En ce début d’année, la STIB a franchi un cap décisif avec la refonte complète de son site web, devenant un modèle d’accessibilité et d’expérience utilisateur. Au-delà de la nécessité de se conformer aux World Content Accessibility Guidelines (WCAG), la STIB a la volonté d’offrir une plateforme accessible à tous – personnes en situation de handicap, utilisateurs réguliers ou occasionnels. Ce projet ambitieux nous offre des enseignements précieux pour toutes les organisations qui s'engagent dans la mise en œuvre de l'accessibilité.
À travers nos échanges avec Monika Bachul, Product Owner Digital Marketing à la STIB, nous avons pu plonger au cœur du nouveau site web où l’accessibilité a été pensée comme un véritable levier d’inclusion.
Les challenges d’un acteur clé des transports publics
Garantir une mobilité inclusive
Pour l’opérateur bruxellois de transport public, garantir l’accessibilité est un défi de taille, notamment en raison de la diversité des profils utilisateurs. Avec des millions de trajets quotidiens, il faut prendre en compte une multitude de besoins : personnes valides ou à mobilité réduite, parents, personnes âgées, voyageurs réguliers ou touristes, etc. Chacun a des attentes spécifiques, éventuellement en raison de contraintes physiques, sensorielles ou cognitives.
Chacun devrait pouvoir préparer son voyage, acquérir un titre de transport, s’orienter et circuler en autonomie et recevoir les informations qui lui sont utiles, le tout en garantissant autonomie et non-discrimination. Ce défi est d’autant plus crucial dans une capitale où les transports jouent un rôle sociétal majeur.
La conception du nouveau site internet de la STIB contribue au défi en assurant une communication claire, simple et inclusive pour permettre à tous de surfer de manière autonome et fluide, renforçant ainsi l’accessibilité et l’équité dans l’espace public.
Mieux qu’une contrainte, l’accessibilité devient valeur ajoutée
En tant qu’entreprise publique, la STIB est tenue de respecter l’ordonnance bruxelloise en matière d’accessibilité numérique, en se conformant au niveau WCAG 2.2 AA. Ces lignes directrices garantissent que les plateformes numériques soient utilisables par toutes les personnes, y compris celles en situation de handicap.
Mais pour la STIB, il ne s’agit pas seulement de se conformer aux normes. L’accessibilité est devenue une valeur ajoutée car elle a imposé de s’intéresser de près à l’expérience utilisateur.
Combiner infrastructures et digitalisation
L’accessibilité est un double enjeu pour la STIB. D’une part, avec un vaste réseau de bus, tram et métros, la STIB s’investit dans l’amélioration de l’accessibilité physique de ses installations – flottes de véhicules adaptées, accessibilité des points d’arrêts, signalétique adaptée, annonces vocales, etc - afin de garantir une meilleure mobilité pour tous. D’autre part, l’accessibilité numérique offre aux utilisateurs un accès à des services essentiels, tels que l’acquisition de titres de transport, la planification des trajets, la consultation des horaires ou la recherche d’informations pratiques en temps réel.
Mais cette accessibilité numérique doit relever certains défis, notamment en matière de design et de cohérence avec les infrastructures. Par exemple, les couleurs des lignes de bus/métro/tram n’ont pas encore les bons contrastes sur le site car elles respectent les couleurs du réseau pour garantir la cohérence aux utilisateurs. L’accessibilité numérique peut donc avoir des répercussions sur les infrastructures. Les données d’accessibilité des infrastructures, quant à elles, doivent être organisées pour permettre une bonne intégration numérique.
Sensibiliser à l’accessibilité
Avec plus de 10,000 employés, de nombreuses équipes à la STIB sont impactées par les enjeux d’accessibilité. Il est donc fondamental de sensibiliser et d’accompagner les équipes dans cette démarche. Cet investissement constant est essentiel pour ancrer une culture de l’inclusion et garantir une compréhension par tous des enjeux de l’accessibilité.
Comment la STIB s’est préparée à l’accessibilité ?
Pour relever les défis de l’accessibilité numérique et se conformer aux standards WCAG AA, la STIB a fait monter ses équipes et partenaires en compétences et mis en place des fondations solides d’accessibilité dès le départ.
Former à l’accessibilité
La première étape clé a consisté à former les équipes internes et les partenaires. Du project manager au designer, en passant par les développeurs, chacun a été impliqué. Ces formations ont permis de sensibiliser les équipes, de faire connaître les bonnes pratiques d’accessibilité et d’adopter une nouvelle approche de travail.
Suivre ces cursus a permis aux designers et développeurs d’acquérir des compétences techniques précises pour appliquer les principes d’accessibilité sur le site web. Ils ont appris à :
- Concevoir des interfaces qui respectent les besoins en matière de contrastes, navigation et hiérarchisation de l’information.
- Développer des fonctionnalités compatibles avec les technologies d’assistance, telles que les lecteurs d’écran ou la navigation au clavier.
Résultat ? Une équipe formée à l’accessibilité et une certification AnySurfer pour Jérémy, front-end développeur chez Smile spécialisé en accessibilité web. Avoir une équipe compétente qui connaît l’accessibilité et qui l’intègre dès le départ a permis de corriger en continu les designs et développements, de gagner du temps et de répondre aux exigences de qualité.
Avoir une approche « Accessibility by design »
Comme on ne construirait pas une maison sans fondations, l’objectif était de ne plus considérer l’accessibilité comme une contrainte ou une étape finale, mais comme un pilier à intégrer dès le départ dans les projets.
L’élaboration d’une charte digitale dès le départ a aussi constitué un élément fort de l’accessibilité. Cette charte a été pensée comme un guide pratique pour garantir que tous les aspects du site respectent les principes d’accessibilité dès leur conception. Elle inclut des recommandations concrètes sur :
- Le design (contrastes, tailles de police, alignement des contenus).
- Les interactions utilisateur (boutons facilement cliquables, navigation simplifiée).
- Les contenus (utilisation de textes alternatifs pour les images, rédaction claire et inclusive).
S’entourer d’experts
Si la STIB et le CAWaB se concertent depuis plus de 10 ans pour une meilleure prise en compte des besoins des personnes en situation de handicap, l’accessibilité numérique a amené une nouvelle collaboration.
Dès le départ, la STIB s’est entourée d’experts et d’acteurs spécialisés en accessibilité numérique comme AnySurfer. Cet accompagnement a permis de renforcer sa démarche inclusive en mettant en place des focus group, d’assurer une mise en conformité plus efficace au travers d’un accompagnement permanent et, finalement, de concevoir une plateforme labellisée car véritablement accessible à tous.
Les piliers de l’accessibilité du site web de la STIB
Dès les premières étapes, une approche « Accessibility by design » a été adoptée, permettant d'intégrer l’accessibilité à chaque étape de la conception.
Le design system illustre très bien cette philosophie. L’accessibilité en a fait partie intégrante dès le début. Chaque composant a été pensé pour être modulable et conforme aux standards d’accessibilité, offrant une cohérence et une simplicité d’utilisation à long terme. La documentation du design system reprend notamment les principes d’accessibilité et le design system lui-même a été soumis à un audit approfondi par AnySurfer, obtenant d’excellents résultats !
Dès la phase de design, les designers, ont conçu des prototypes d’écrans accessibles pour garantir une navigation claire et intuitive, en appliquant les WCAG 2.2 (contrastes adaptés, interlignes optimisées, espaces clairs, double validation, contenus adaptés, etc).
Dans le développement du code, l’accessibilité a été intégrée pour garantir que le contenu visuel soit compréhensible et utilisable par les personnes en situation de handicap. Cela inclut notamment l’utilisation des technologies comme ARIA (Accessible Rich Internet Applications), qui permettent d’améliorer la communication entre les interfaces et les lecteurs d’écran. Grâce à ARIA, des informations essentielles sont ajoutées pour décrire les éléments interactifs (comme les boutons, les menus déroulants ou les formulaires), afin que les utilisateurs naviguant avec des technologies d’assistance puissent bénéficier d’une expérience fluide et complète.
De plus, l’accent a été mis sur les micro-interactions, en veillant à ce qu’elles soient non seulement intuitives pour les utilisateurs sans handicap, mais également riches en informations pour les lecteurs d’écran. Par exemple, des alertes, des changements d’état ou des notifications visuelles sont accompagnés d’annonces vocales ou de descriptions textuelles, permettant ainsi à tous les utilisateurs de comprendre clairement ce qui se passe dans l’interface.
Les tests utilisateurs ont joué aussi un rôle clé dans l’accessibilité du site, avec un large panel représentatif, incluant des personnes en situation de handicap. Ces retours ont permis d’affiner chaque détail du design pour répondre aux besoins de tous. La charte digitale a d’ailleurs été éprouvée à travers ces tests.
Après les tests utilisateurs et les sprints de développement, Wassime, testeur au sein de la STIB et expert du vécu car lui-même déficient visuel, a évalué le site en conditions réelles d’accessibilité visuelle. Ses retours ont permis de valider ou d’identifier des points d’amélioration. Son implication a été un véritable atout, en facilitant les échanges avec les équipes et en renforçant l’inclusivité du site avant la validation finale d’AnySurfer.
À la fin de chaque sprint, AnySurfer a testé rigoureusement chaque nouvelle fonctionnalité, permettant d’identifier et d’ajuster rapidement les points à améliorer, mais aussi de garantir que chaque écran, interface ou fonctionnalité soit optimisé pour une accessibilité maximale. AnySurfer avait notamment accès aux wireframes dans Figma et au Design System, ce qui a facilité la collaboration.
Un engagement dès le départ et pour le long terme
Le nouveau site web de la STIB illustre parfaitement l’intérêt d’intégrer l’accessibilité numérique dès la conception pour garantir une expérience fluide et inclusive à tous les usagers. En allant au-delà des obligations légales, la STIB s’impose comme un acteur de la mobilité engagé dans l’accessibilité, conciliant exigences techniques et design intuitif.
Mais l’accessibilité reste un défi au quotidien afin de maintenir les bonnes pratiques et le niveau de qualité. L’objectif de renouveler le label AnySurfer tous les deux ans implique une vigilance constante. Par exemple, de réaliser une veille régulière pour vérifier les contenus du site et s’assurer qu’ils soient “FALC” (Facile A Lire et à Comprendre). Cet aspect de l’accessibilité est relativement nouveau. Il est crucial pour garantir une compréhension des textes par le plus grand nombre possible d’utilisateurs et contribue à remplir une mission essentielle pour un opérateur de transport public tel que la STIB.
Chez Smile, nous sommes convaincus que l’accessibilité n’est plus une contrainte, mais un levier puissant pour améliorer l’expérience utilisateur et renforcer l’impact du numérique. Concevoir des plateformes accessibles, c’est avant tout adopter une approche inclusive, où chaque utilisateur, quelles que soient ses capacités, peut interagir de manière intuitive et efficace. Ce projet démontre que performance, ergonomie et accessibilité vont de pair et que l’inclusion doit être un standard, non une option. En accompagnant nos clients dans cette démarche, nous contribuons à façonner un monde numérique inclusif et plus performant pour tous.
Préparez-vous à l’accessibilité
Échangez avec nos spécialistes pour construire une expérience accessible à tous. Contactez-nous.
