Dans vos locaux
Pour ancrer les apprentissages et encourager la dynamique collective.
Formation Développer et coder des sites web accessibles
Devenez développeur a11y : Apprenez à coder des interfaces web parfaitement accessibles et conformes aux normes (RGAA, WCAG) pour garantir l'inclusion et la qualité de vos projets numériques.
Acquérez les compétences techniques pour implémenter l'Accessibilité (WCAG/RGAA) dans votre code HTML/CSS/JavaScript : Maîtrisez la sémantique, les rôles ARIA, la gestion du focus et le développement de composants web accessibles.
2 jours (14 h)
686,00 € HT
<nav aria-label="Menu principal">
<ul>
</ul>
</nav>
<input
type="text"
id="nom"
aria-required="true"
aria-describedby="info-aide"
/>Description 
Cette formation pratique est spécifiquement conçue pour les développeurs frontend et les intégrateurs. Elle se concentre sur l'application technique des normes d'accessibilité (WCAG et RGAA) directement dans le code. Vous approfondirez la maîtrise du HTML sémantique comme fondation d'un site accessible et apprendrez à utiliser les propriétés WAI-ARIA pour rendre les composants complexes (menus, carrousels, modales) exploitables par les technologies d'assistance. Le cours couvrira également la gestion cruciale du focus clavier, l'assurance d'un contraste suffisant et les techniques de développement JavaScript qui ne rompent pas l'accessibilité. À l'issue de cette formation, vous serez capable d'intégrer l'accessibilité comme une exigence de qualité, en sachant tester et corriger les problèmes à la source.
Les objectifs
A l’issue de la formation, le stagiaire sera capable de développer des sites conformes aux recommandations des référentiels d'accessibilité numérique (WCAG ou RGAA).
Public visé
Développeurs web, intégrateurs...
Prérequis
Avoir suivi la formation « Sensibilisation à l’accessibilité numérique »
Disposer de connaissances avancées dans le développement de sites web.
Le programme
Jour 1
Matinée
1. Enjeux RSE et cadre normatif (3h30)
- Accessibilité numérique et RSE : inclusion, obligations, labels, réglementation (0h30)
- Présentation des enjeux : handicap, vieillissement, fracture numérique (0h45)
- Accessibilité vs ergonomie, UX, qualité web (0h45)
- Introduction aux WCAG 2.1/2.2 et au RGAA 4.1 (1h)
- Structure des référentiels (critères, tests, niveaux A-AA-AAA) (0h30)
Après-midi
2. Évaluer l’accessibilité d’un site existant (3h30)
- Présentation des outils : Wave, axe DevTools, Lighthouse, RGAA tests (0h45)
- Lecture et navigation avec un lecteur d’écran (NVDA, VoiceOver mobile) (0h45)
- Accessibilité mobile : tactile, responsive, focus visuel, lisibilité (0h45)
- Grille RGAA de validation progressive à remplir lors de l’analyse (0h30)
- Atelier : audit manuel d’un mini-site non conforme (1h15)
Jour 2
Matinée
3. Codage accessible HTML / ARIA / multimédia (3h30)
- Balises HTML structurantes (header, main, nav, h1-h6, section) (0h45)
- Attributs ARIA essentiels (aria-label, role, aria-hidden, tabindex) (0h45)
- Tableaux accessibles (caption, th, scope, relations logiques) (0h30)
- Multimédia accessible : sous-titres, transcription, alternatives audio/vidéo (0h30)
- Gestion du focus clavier, ordonnancement et modales accessibles (0h30)
- Atelier : correction guidée d’un gabarit HTML non conforme avec checklist RGAA (1h)
Après-midi
4. Intégration projet, IA, CI/CD et erreurs à éviter (3h30)
- Introduction aux tests automatiques d’accessibilité : axe-core, pa11y, Lighthouse (0h45)
- CSS et JS accessibles : focus, animations, pièges à éviter (0h45)
- IA et accessibilité : démo de génération de code ARIA via ChatGPT + évaluation critique (0h45)
- Liste des erreurs fréquentes d’intégrateurs et solutions (liens sans sens, boutons mal typés...) (0h30)
- Simulation de validation / jeu de rôle : présentation orale d’un plan correctif RGAA (0h30)
- Atelier final collaboratif : corriger un mini-site et documenter sa conformité (1h)
En présentiel ou à distance : à vous de choisir
En classe virtuelle
Pour allier flexibilité et interactions en temps réel avec le formateur.
Dans nos locaux
Pour favoriser la concentration, les échanges et le confort des apprenants.
Les modalités de formation
Suivi et évaluation :
- Recueil des besoins en amont pour identifier les attentes du stagiaire
- Évaluation continue : études de cas et travaux pratiques pendant la formation
- Évaluation finale : questionnaire d'auto-évaluation
Format et encadrement :
- Formation équilibrée : 50% théorie / 50% pratique
- Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
- Émargement par demi-journée et remise d'une attestation de formation
Moyens pédagogiques et techniques :
- Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
- Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
- Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
- Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.
Conditions et délais d'accès :
- Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
- Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.