Formation Développer et coder des sites web accessibles Mixte : présentiel / à distance

Cette formation de 2 jours permet aux développeurs de maîtriser la conception / correction de sites conformes RGAA 4 et WCAG 2.1, depuis la sémantique HTML-ARIA jusqu’aux médias accessibles et bonnes pratiques CSS. Au fil d’ateliers, les participants auditent puis refactorisent une page existante avant d’automatiser les contrôles dans un pipeline CI.

Un court segment « IA légère » montre comment s’appuyer sur un générateur de suggestions (alt-text, plan de remédiation) tout en soulignant la nécessaire relecture humaine et les enjeux RGPD.

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).

• Définir précisément ce qu'est l'accessibilité numérique et la distinguer des autres domaines connexes : ergonomie, qualité...
• Connaître les normes d'accessibilité numérique : règles internationales (WCAG) et référentiel général d'Amélioration de l'Accessibilité (RGAA).
• Concevoir un code conforme aux règles d'accessibilité
• Débuguer un code non-accessible
• Savoir intégrer les règles d'accessibilité dans ses habitudes de développement
• Être capable de dialoguer avec des consultants en accessibilité en cas d'audit

• Avoir suivi la formation « Sensibilisation à l'accessibilité numérique »
• Disposer de connaissances avancées dans le développement de sites web.

Jour 1 – Règles & bases du code accessible

Objectifs :

• Situer les obligations WCAG 2.1 AA / RGAA 4.
• Coder des structures HTML5/ARIA claires et conformes
• Repérer et corriger les erreurs d'accessibilité courantes.

Matin :

Cadres et référentiels de l'accessibilité numérique

• WCAG, RGAA, obligations légales,
• Bénéfices business (SEO, inclusion, performance, e-réputation)
• Accessibilité versus ergonomie versus qualité

Structure HTML5

• Landmark, rôles implicites et explicites
• Hiérarchie de titres, sections, balisage
• Tableaux de données accessibles

Images & Médias accessibles

• Règles, légendes, transcripts
• Sous-titres, audio-description

Quizz et atelier pratique (exemple)

• Audit flash d'une page « mal codée » : repérer 10 problèmes (titres, sections, images).

Après-midi :

Perception visuelle et CSS

• Critères de contraste
• Gestion du zoom, focus styles, prefers-reduced-motion

Navigation & interaction

• Tab-order, zones de saut (skip links), ARIA live
• Navigation clavier, validation dans les formulaires

Notions IA

• Démonstration courte d'un générateur d'alt-text – mention des limites RGPD
• Reprise de l'atelier pratique (exemple) : Audit flash d'une page « mal codée » pour proposer un correctif commenté.

Jour 2 – Débogage, CI/CD & IA

Objectifs :

• Utiliser des outils manuels et automatisés pour auditer
• Automatiser le contrôle a11y dans un pipeline CI
• Prioriser les corrections
• Préparer la collaboration avec un consultant accessibilité

Matin :

Outils d'audits manuels

• NVDA & VoiceOver (lecture d'écrans, raccourcis clés)
• Inspecteur ARIA de Chrome/Firefox
• Checklist RGAA étapes 1-3

Outils de tests d'accessibilité automatisés

• Axe-Core CLI, Pa11y, Lighthouse, Wave API
• Paramétrage des seuils et des faux positifs

Atelier pratique (exemple)

• Scénario utilisateur NVDA

Après-midi :

Workflow CI

• Lint / tests a11y
• Rapport d'accessibilité en build
• Intégration GitHub Actions

Notions IA

• Démo IA pour génération de listes d'erreurs ou encore d'un plan de remédiation

Bonnes pratiques

• Commentaires de code
• Tickets accessibilité
• « Definition of Done » accessible

Atelier pratique (exemple)

• Audit d'une petite page Web avec correction de cinq erreurs d'accessibilité prioritaires, puis intégration d'un test automatisé (axe-core ou équivalent) dans un mini-pipeline CI

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

• Formation en présentiel
  • En groupe (inter-entreprises ou intra-entreprise)
  • En individuel (monitorat)
  • En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
  • Distanciel synchrone
  • Distanciel asynchrone

• Apports des connaissances communes.
• Mises en situation sur le thème de la formation et des cas concrets.
• Méthodologie d'apprentissage attractive, interactive et participative.
• Équilibre théorie / pratique : 60 % / 40 %.
• Supports de cours fournis au format papier et/ou numérique.
• Ressources documentaires en ligne et références mises à disposition par le formateur.
• Pour les formations en présentiel dans les locaux mis à disposition, les apprenants sont accueillis dans une salle de cours équipée d'un réseau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropriés est mis à disposition (le cas échéant).

En amont de la formation :

• Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulement de la formation (profil, niveau, attentes particulières...).
• Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation :

• Évaluation continue des acquis avec des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation :

• Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.
• Évaluation par le formateur des compétences acquises par les apprenants.
• Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.
• Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.

• Admission sans disposition particulière