Sensibiliser à l’accessibilité numérique

Une collaboration concrète avec Coda School pour rendre le web plus accessible à toutes et tous

Former, expérimenter, construire un web accessible

Dans le cadre de son développement, Cap Access a engagé un partenariat avec Coda School, école du numérique, afin de concevoir une première version de son site internet.

Ce projet s’inscrit dans une démarche concrète : permettre à des étudiants de travailler sur un cas réel, en lien direct avec les enjeux d’accessibilité numérique et d’inclusion portés par l’association.

Site de l’école : Coda

Les étudiants ont réalisé une première version du site internet de Cap Access.

Cette première version constitue un socle structurant :

Une première version du site construite par les étudiants​

Organisation des contenus

Premières fonctionnalités

Réflexion sur les parcours utilisateurs

Elle pose les bases d’un outil numérique appelé à évoluer, s’améliorer et se renforcer dans le temps.

L’accessibilité numérique au cœur du projet

Pour Cap Access, l’accessibilité numérique est une priorité.

Lisible

Compréhensible

Navigable

Utilisable par tous, y compris par les personnes en situation de handicap

Un site internet doit être :

Ce projet a permis d’intégrer ces enjeux dès les premières étapes de conception.

Il ne s’agit pas d’un ajout en fin de parcours, mais d’un principe structurant.

Sensibiliser dès la formation : un enjeu essentiel

Cette collaboration a une ambition forte : sensibiliser les étudiants, dès le début de leur parcours, à l’importance de l’accessibilité numérique.

Aujourd’hui, ce sujet reste encore trop souvent insuffisamment pris en compte dans les pratiques professionnelles.

Il est donc essentiel que les futurs développeurs, designers et chefs de projet intègrent ces enjeux très tôt.

En travaillant sur un projet concret, les étudiants découvrent que l’accessibilité :

Répond à des enjeux d’égalité d’accès

Facilite l’usage pour tous

Améliore la qualité globale des outils

Cap Access apporte dans ce cadre son expertise de terrain, en lien avec les réalités d’usage et les exigences réglementaires.

Une sensibilisation structurée et outillée

Ce projet a permis d’aller au-delà d’une approche théorique.

Les étudiants ont été sensibilisés aux enjeux de l’accessibilité numérique à partir :

De documents de référence sur la réglementation

De méthodes d’analyse et de diagnostic

D’outils concrets mobilisables dans leurs pratiques

Cette approche leur a permis de mieux comprendre les attendus et de disposer de repères opérationnels pour intégrer l’accessibilité dans leurs projets.

Ces éléments ont été mobilisés concrètement par les étudiants dans la réalisation du projet, leur permettant de passer d’une compréhension théorique à une application opérationnelle.

Faire évoluer la compréhension des enjeux

Photo de groupe réunissant les étudiants du projet Coda School et le président de l’association Cap Access

L’accessibilité numérique était déjà présente dans leur parcours, mais souvent abordée de manière générale.

Le projet a permis de :

Donner du sens aux notions abordées

Mesurer les impacts concrets sur les usages

Comprendre les obligations réglementaires

Passer d’une approche abstraite à une logique d’application

Cette évolution constitue un point clé dans leur montée en compétence.

Une première base de travail structurante

Cinq étudiants ont participé à la réalisation du site.

Leur travail a permis de poser des bases utiles :

• Organisation des pages
• Structuration des contenus
• Premières logiques de navigation
• Attention portée à la lisibilit

Ce socle constitue une base solide pour les développements futurs.

Le projet a permis d’intégrer des principes essentiels :

Intégrer l’accessibilité dès la conception

Simplifier les parcours
Améliorer la lisibilité des contenus
Anticiper la diversité des usages

L’accessibilité a été prise en compte dès les premières étapes du projet.

Les étudiants ont su s’organiser en équipe.

Une organisation collective efficace

Un pilotage de projet a été identifié, facilitant les échanges, la coordination et le suivi.

Cette organisation a permis d’avancer de manière cohérente et progressive.

Apprendre par le concret

Ce travail a permis aux étudiants de se confronter à une situation réelle.

Ils ont pu mesurer :

L’importance de la clarté
L’impact des choix techniques
La place de l’accessibilité dans un projet numérique

Cette expérience favorise une montée en compétence directement mobilisable.

Une expérience utile pour la suite

Ce projet constitue une expérience concrète, mobilisable dans un parcours professionnel :

Il permet de valoriser une réalisation concrète dans un contexte réel.

Stage

Alternance

Emploi

Une collaboration concrète

Les étudiants ayant contribué au projet : 

Théo RIGAGNEAU

Étudiant développeur FullStack

Vous pouvez retrouver mes réalisations sur mon github.

J’ai assuré la réalisation de l’ensemble des maquettes du projet, en travaillant sur la structure visuelle, l’ergonomie et la cohérence des interfaces. J’ai également veillé à proposer des parcours utilisateurs clairs et adaptés aux besoins du projet.

Cette expérience m’a permis de comprendre concrètement l’importance de l’accessibilité et son impact réel sur la qualité d’un projet. Elle m’a aidé à mieux intégrer ces enjeux dans ma manière de concevoir et à mesurer leur valeur pour les utilisateurs.

Tevaitea DOOM

Étudiant développeur FullStack

J’ai participé à la compréhension et à l’analyse des maquettes du projet, afin d’en saisir la logique visuelle et fonctionnelle. À partir de ce travail, j’ai contribué à leur mise en pratique sur WordPress, en veillant à respecter et ajuster le design initial tout en assurant une adaptation responsive pour différents supports. Cette réalisation a été menée en collaboration avec mon camarade Fidel.

Ce projet, ou plutôt cette « expérience », m’a apporté un premier aperçu de ce que pourrait être le monde du travail. Il m’a également permis de travailler en groupe sur une longue durée. J’en tire beaucoup de positif : cela a été une très bonne expérience.

Fidel AHOUANHOU

Étudiant développeur FullStack

J’ai participé à la compréhension et à l’analyse des maquettes du projet, afin d’en saisir la logique visuelle et fonctionnelle. À partir de ce travail, j’ai contribué à leur mise en pratique sur WordPress, en veillant à respecter et ajuster le design initial tout en assurant une adaptation responsive pour différents supports. Cette réalisation a été menée en collaboration avec mon camarade Tevaitea. J’ai également réalisé de manière autonome la navigation ainsi que le footer du site.

Cette expérience m’a permis de renforcer mes compétences dans la création de sites web, tout en développant ma réflexion autour du web design et de la conception d’interfaces adaptées aux utilisateurs. Le travail en groupe a également été un aspect important, m’apprenant à collaborer efficacement, à échanger des idées et à m’adapter aux différentes approches au sein d’une équipe.

Ayoub NADER

Étudiant développeur FullStack

Travailler en équipe de 5 sur ce projet WordPress pour une association dédiée aux personnes handicapées a été très enrichissant. 

J’ai consolidé mes compétences sur la gestion des thèmes, des plugins et les bonnes pratiques d’accessibilité web.

Collaborer à 5 m’a appris à m’organiser, à communiquer et à bien répartir les tâches pour livrer un résultat fonctionnel. Ce projet m’a rappelé que le développement web peut avoir un impact concret sur la vie des gens.

Ilija ZIVKOVIC

Étudiant développeur FullStack

J’ai assuré la mise en place des maquettes du projet sur WordPress, en veillant à respecter leur structure et leur cohérence visuelle. Je me suis particulièrement attardée sur la recherche d’images adaptées, en lien avec l’identité du site, ainsi que sur l’optimisation du référencement naturel (SEO) afin d’améliorer sa visibilité.

Cette expérience m’a permis de développer davantage mes compétences dans la création de sites web, tout en approfondissant ma réflexion autour du web design et de la conception d’interfaces adaptées aux utilisateurs.

Poursuivre le travail engagé

Ce travail avec Coda School constitue une première étape structurante.

Cap Access souhaite poursuivre cette dynamique et développer des collaborations similaires avec d’autres établissements de formation et partenaires.

Ces projets permettent de croiser les expertises, de renforcer les compétences des étudiants et de produire des outils utiles, directement mobilisables sur le terrain.

Vous êtes une école, un organisme de formation ou une structure intéressée par ces enjeux ?

Cap Access peut accompagner des projets en lien avec l’accessibilité et l’inclusion.

Contact :

Mathieu Robin

Téléphone :

Cette démarche vise à renforcer les liens entre formation, accessibilité et terrain.

Retour en haut