Développement Web & No-Code
Accessibilité web : développer des sites conformes aux référentiels WCAG et RGAA
Avancé
À propos de cette formation
Cette formation de 2 jours s'adresse aux développeurs web et intégrateurs souhaitant maîtriser les règles d'accessibilité numérique applicables au code. Elle couvre l'ensemble des critères techniques du RGAA et des WCAG : structuration de la page, éléments obligatoires, liens, navigation, images, tableaux, formulaires, cadres et contenus multimédias. Les participants repartent avec les réflexes et les outils pour produire un code accessible dès la conception et dialoguer efficacement avec des consultants en accessibilité lors d'un audit.
Objectifs de la formation
- Définir précisément l'accessibilité numérique et la distinguer de l'ergonomie et de la qualité
- Connaître les normes d'accessibilité : WCAG et référentiel RGAA
- Intégrer les règles d'accessibilité dans ses habitudes de développement
- Concevoir un code conforme aux critères d'accessibilité
- Déboguer un code non accessible et dialoguer avec des auditeurs
Programme détaillé
Module 1 — Présentation de l'accessibilité
- Les profils d'utilisateurs concernés par l'accessibilité web
- Les normes d'accessibilité : WCAG et RGAA
- Les contraintes légales en matière d'accessibilité numérique
- Travaux pratiques : adaptation d'une page web aux contraintes d'accessibilité
Module 2 — Éléments obligatoires, liens et navigation
- Structurer une page web de façon conforme
- Les éléments HTML obligatoires à maîtriser
- Les contraintes liées aux liens et à leurs intitulés
- Mettre en place une navigation conforme aux exigences d'accessibilité
- Travaux pratiques : création de liens accessibles et mise en place d'une navigation conforme
Module 3 — Information et problématique de consultation
- Les problématiques de présentation de l'information
- La consultation : comprendre les enjeux et les impacts sur les utilisateurs
- Travaux pratiques : analyse de la consultation sur un site existant
Module 4 — Images, tableaux et couleurs
- Intégrer les images de façon accessible
- Rédiger des alternatives textuelles pertinentes
- Adapter textuellement les infographies
- Gérer le background CSS de manière accessible
- Mettre en place des légendes, SVG accessibles et alternatives au CAPTCHA visuel
- Utiliser les couleurs en conformité avec les critères de contraste
- Créer des tableaux accessibles
- Travaux pratiques : intégration d'images et de tableaux conformes aux critères RGAA
Module 5 — Multimédia et scripts
- Intégrer des contenus multimédias conformes aux exigences d'accessibilité
- Développer des scripts accessibles
- Travaux pratiques : création d'un script conforme aux critères d'accessibilité
Module 6 — Cadres et formulaires
- Concevoir des formulaires accessibles : étiquettes, regroupements et messages d'erreur
- Développer des cadres HTML conformes aux référentiels
- Travaux pratiques : conception et validation de formulaires accessibles
Prérequis
Être sensibilisé à l'accessibilité numérique (niveau ANU ou équivalent). Maîtriser le développement web à un niveau avancé.