Développement Web Accessible (RGAA)
Maîtrisez les critères techniques du RGAA pour coder des interfaces pleinement accessibles
2 jours (14 heures)
Présentiel ou distanciel
3–8 personnes
950.00 € / pers.
Objectifs
- Maîtriser les critères techniques du RGAA 4.1 applicables au développement front-end
- Produire un code HTML sémantique et navigable au clavier
- Intégrer les attributs ARIA correctement pour améliorer l'expérience des lecteurs d'écran
- Tester l'accessibilité d'une page avec des outils automatiques et manuels
- Corriger les non-conformités les plus fréquentes
À qui s'adresse cette formation ?
Développeurs web, intégrateurs HTML/CSS et tout professionnel technique souhaitant appliquer les critères du RGAA dans son code.
Prérequis
Connaissances de base en HTML, CSS et JavaScript.
Méthodes et moyens pédagogiques
- Alternance de cours théoriques et d'ateliers pratiques sur des cas réels.
- Utilisation d'un lecteur d'écran (NVDA/VoiceOver) durant les exercices.
- Revue de code en groupe pour identifier et corriger les non-conformités.
- Documentation et supports fournis à l'issue de la formation.
Matériel
Ordinateur avec un éditeur de code et un navigateur web installés.
Modalités d'évaluation
- Avant : questionnaire de positionnement technique en ligne.
- Pendant : exercices pratiques de codage et revues de code commentées.
- Après : audit d'accessibilité d'une page web remis par chaque participant.
Programme
Rappels et fondamentaux
- Le RGAA 4.1 : structure, thématiques et critères
- Les WCAG 2.1 : niveaux A, AA, AAA
- Outils de test : axe DevTools, Wave, Contrast Checker
HTML sémantique et structure
- Hiérarchie des titres et landmarks HTML5
- Images, alternatives textuelles et images décoratives
- Liens et boutons : intitulés explicites
Navigation clavier et focus
- Ordre de tabulation logique
- Gestion du focus visible (outline CSS)
- Pièges au clavier et modales accessibles
ARIA : Accessible Rich Internet Applications
- Rôles, états et propriétés ARIA
- Quand utiliser ARIA (et quand ne pas l'utiliser)
- Composants interactifs : menus, accordéons, onglets
Formulaires accessibles
- Labels, groupes et descriptions de champs
- Gestion et annonce des erreurs
- Validation côté client accessible
Atelier final
- Audit d'accessibilité d'une page web fournie
- Correction des non-conformités identifiées
- Restitution et débriefing collectif
Dates de nos formations
Pour toutes formations intra-entreprises, n'hésitez pas à prendre contact directement avec nous.
Formations inter-entreprises, dates à venir.
Nous contacter