Descriptif
Développer des applications accessibles : RGAA pour les développeurs est une formation de 2 jours (14 heures), de niveau intermédiaire, rattachée au domaine « Développement logiciel, informatique et Web ». Développer des interfaces conformes au RGAA. Conçue et animée par des praticiens en activité, elle alterne apports ciblés (30 %) et mises en pratique (70 %) sur des laboratoires cloud individuels, avec des cas inspirés des secteurs banque, assurance et services publics. Disponible en inter-entreprises, en intra sur catalogue et en version sur mesure adaptée au contexte de l'entreprise.
Objectifs pédagogiques
À l'issue de la formation, le participant sera capable de :
- Cadre légal
- Critères RGAA
- HTML sémantique
- ARIA
- Tests
Programme détaillé
| N° | Contenus et activités | Durée |
|---|---|---|
| Jour 1 | ||
| 1 | Cadrage : attentes des participants, auto-positionnement sur les critères du RGAA 4.1.2 et prise en main de l'environnement de travaux pratiques — éditeur web et lecteur d'écran NVDA du plateau distant, sans installation sur le poste | 1 h |
| 2 | Obligations et référentiel : article 47 de la loi de 2005, schéma pluriannuel, déclaration d'accessibilité, RGAA 4.1.2 et son alignement sur WCAG 2.1 niveau AA, perspective du RGAA 5 aligné sur WCAG 2.2, responsabilité du développeur dans la chaîne | 1,5 h |
| 3 | Démonstration commentée : parcourir une application métier au clavier seul puis sous NVDA et relever les points de blocage réels | 1,5 h |
| 4 | Travaux pratiques : reprendre la structure HTML d'un écran de demande de congés — landmarks, hiérarchie de titres, listes, tableaux de données avec caption, scope et headers | 2 h |
| 5 | Travaux pratiques : contraste, zoom à 200 %, reflow et focus visible — corriger le CSS du fil rouge et vérifier chaque correction avec axe DevTools | 1 h |
| Jour 2 | ||
| 6 | Formulaires accessibles : label et for, fieldset et legend, autocomplete, champs obligatoires, restitution des erreurs avec aria-describedby et aria-live — mise en œuvre sur le formulaire fil rouge | 2 h |
| 7 | Atelier de codage : ARIA en pratique — rôles, états et propriétés sur un jeu d'onglets, une fenêtre modale avec piège de focus et un champ de saisie semi-automatique | 2 h |
| 8 | Travaux pratiques : conduire l'audit d'un écran avec axe DevTools et la grille des 106 critères du RGAA 4.1.2, qualifier les non-conformités et rédiger les fiches de correction | 1,5 h |
| 9 | Atelier : outiller le projet — axe-core exécuté en test automatisé, check-list de revue de code, trame de déclaration d'accessibilité et critères d'acceptation des tickets | 1 h |
| 10 | Évaluation des acquis sur le fil rouge corrigé et plan d'action individuel sur les applications de chacun | 0,5 h |
Méthodes pédagogiques
- Pédagogie active : 54 % du temps en pratique encadrée — laboratoires cloud provisionnés par participant, travaux pratiques guidés, fil rouge applicatif —, le reste en apports structurés, démonstrations commentées, cadrage et évaluation
- répartition calculée sur le déroulé détaillé de cette formation, et non annoncée de façon uniforme
- classe inversée avec prérequis sur le LMS
- apprentissage adaptatif selon le positionnement initial
- travaux en binômes
- classe virtuelle en séquences de 3 h 30 maximum sur Microsoft Teams
- support clair, complet et paginé remis à chaque participant
Technologies et outils mobilisés
RGAA 4, WCAG 2.2, NVDA, axe DevTools
Modalités d'évaluation et de validation
- Positionnement initial en ligne
- quiz de validation à chaque séquence
- évaluation finale des acquis (QCM et mise en situation)
- satisfaction à chaud
- questionnaire de transfert à 30 jours
- attestation de fin de formation
Plateforme, laboratoires et ressources
- LMS DATAROCKSTARS : parcours, supports numériques, quiz, évaluations, émargement par demi-journée
- laboratoires cloud individuels accessibles depuis un navigateur, sans installation, données fictives, détruits en fin de session
- bibliothèque O'Reilly (plus de 60 000 ressources)
- accès aux supports pendant 6 mois