Formation RGAA : développer des sites web accessibles Best
Comprendre et appliquer les principes du référentiel RGAA pour développer des sites web accessibles !
Vue d'ensemble
Solides connaissances en HTML, CSS et JavaScript, aisance dans la lecture et l'édition de code dans un IDE.
Objectifs pédagogiques
Programme détaillé
Introduction à l’accessibilité web
Définitions clés : accessibilité numérique, inclusion
Types de handicaps et problématiques d’usage
Statistiques d’audience et bénéfices UX/SEO
Quiz interactif : repérer les freins d’un parcours utilisateur mal conçu
Cadre légal & référentiels
Loi française 2005-102, décret 2019-768, Directive UE 2016/2102
RGAA 4.2 et cartographie avec WCAG 2.2
Échéance du 28 juin 2025 : obligations, sanctions, registre public d’accessibilité
Étude de cas : analyse d’un contrôle DGCCRF et de son impact financier
Anatomie d’une page web accessible
Structure HTML5 : balises sémantiques, hiérarchie des titres
Repères ARIA landmarks & navigation par régions
Ordre logique vs. rendu visuel
Refonte guidée : restructurer l’en-tête et le corps d’une page existante
Outils d’évaluation & premiers tests
Inspecteurs d’accessibilité navigateur (Firefox/Chrome)
Lecteurs d’écran (NVDA, VoiceOver) & modes de navigation
Extensions RGAA & grilles de contrôle
Prise en main : exécuter 10 tests rapides sur un site choisi par le groupe
HTML sémantique avancé
Bonnes pratiques : listes, citations, abréviations, images (attribut alt)
Tableaux complexes : headers, summaries, associations cellules/en-têtes
Mini-challenge : rendre accessible une galerie d’images et un tableau de données
CSS et perception visuelle
Contrastes (méthodes de calcul RGAA)
Indicateurs de focus visibles et personnalisés
Contenus masqués (clip-path, sr-only) & animation réduite
Test couleur : corriger les erreurs d’un thème sombre et de ses états focus
Navigation clavier & liens
Ordre tabulation, liens d’évitement, scroll automatique
Texte de lien pertinent et images-liens composées
Implémentation : créer un menu de navigation 100 % clavier + lecteur d’écran
Formulaires accessibles
Association label / input, fieldset / legend
Messages d’erreur, aria-invalid, aria-describedby
Contrôle de saisie temps réel & device-indépendant
Atelier : concevoir un formulaire complexe (multi-étapes) et sa validation ARIA
WAI-ARIA : principes et limites
Rôles, états, propriétés, live regions
Patterns officiels : accordion, tablist, dialog…
Bonnes pratiques : “No ARIA is better than bad ARIA”
Exercice : transformer un composant modal JS en dialog ARIA conforme
Contenus dynamiques & SPA
Gestion du focus après mise à jour DOM
Notifications non intrusives (aria-live, assertive/polite)
Limites de temps & préférences médias réduits
Code lab : ajouter une zone d’alerte live à un tableau filtré dynamiquement
Prochaines sessions
du 19 oct. 2026 au 21 oct. 2026 • 3 jours
du 19 oct. 2026 au 21 oct. 2026 • 3 jours
du 19 oct. 2026 au 21 oct. 2026 • 3 jours
du 19 oct. 2026 au 21 oct. 2026 • 3 jours
du 19 oct. 2026 au 21 oct. 2026 • 3 jours
du 23 nov. 2026 au 25 nov. 2026 • 3 jours
du 23 nov. 2026 au 25 nov. 2026 • 3 jours
du 23 nov. 2026 au 25 nov. 2026 • 3 jours
du 23 nov. 2026 au 25 nov. 2026 • 3 jours
du 8 déc. 2026 au 10 déc. 2026 • 3 jours
du 8 déc. 2026 au 10 déc. 2026 • 3 jours
du 8 déc. 2026 au 10 déc. 2026 • 3 jours
du 8 déc. 2026 au 10 déc. 2026 • 3 jours
du 8 déc. 2026 au 10 déc. 2026 • 3 jours
Ils nous font confiance
Cette année notre filière Stratégie Numérique Responsable (RSE) a accompagné plus de 8 entreprises dont :
Avis des participants
Merci à Yasmine pour ces 3 jours de formation
RAS, j'ai passer un bon moment et j'ai hâte de pouvoir mettre tous ça en pratique dans mes devs. Seul bémol, j'ai reçu le mail indiquant les logiciels nécessaires seulement un jour avant le début de la formation. J'ai pu contourner les restrictions du PC…
Formation très complète, bonne argumentation et explication du formateur. Je suis très satisfaite de cette formation qui m'a appris beaucoup de choses et donné énormément de clés...
c'est plus un avis personnelle mais un petit exo pratique sur 2-3 petits composants non accessible à rendre justement accessible avec correction et explication
Très bonne formation, très intéressante et complète. Le formateur est à l'écoute et explique de manière claire les concepts. Petit bémol sur le fait de faire tout à distance, je préfère les formations en présentiel.
Votre formateur
Gabriel G.
Formateur Vue
Gabriel intervient sur des formations portant sur le développement web et fullstack. Parmi les formations qui lui sont confiées figurent notamment « D3.js » et « NGINX ». Son activité de formation remonte à 2018.
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Questions fréquentes
Combien de temps dure la formation RGAA : développer des sites web accessibles ?
Cette formation se déroule sur 3 jours.
Quels sont les prérequis pour suivre la formation RGAA : développer des sites web accessibles ?
Solides connaissances en HTML, CSS et JavaScript, aisance dans la lecture et l'édition de code dans un IDE.
Quel est le prix de la formation RGAA : développer des sites web accessibles ?
En inter-entreprises, elle est à 2 250 € HT par participant ; en intra-entreprise, elle est à 5 250 € HT pour le groupe. Un tarif sur-mesure est également disponible sur devis.
La formation RGAA : développer des sites web accessibles délivre-t-elle une certification ?
Cette formation ne délivre pas de certification. Une attestation de fin de formation vous sera remise à l'issue de la session.
La formation RGAA : développer des sites web accessibles est-elle éligible à un financement OPCO ?
Oui, cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Choisissez votre formation
Mon contact chez SPARKS est professionnel et très réactif. Les échanges sont simples, efficaces, et la collaboration se déroule dans d'excellentes conditions.