Formation Développer et coder des sites web accessibles Mixed: In person / distance learning

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

• Alternance d'apports théoriques et de mises en pratique contextualisées.
• Progression pédagogique structurée, de la compréhension à la mise en œuvre opérationnelle.
• Pédagogie immersive favorisant une mise en application immédiate des compétences.
• Formation interactive et participative s'appuyant sur des ateliers pratiques, études de cas et échanges collectifs (+ 60 % du temps de formation.)
• Séquences pédagogiques rythmées et évaluations formatives régulières pour renforcer l'ancrage des apprentissages.
• Supports de cours, ressources documentaires et références mis à disposition par le formateur

En amont de la formation (évaluation en ligne dans l'extranet apprenant)

• Recueil des besoins et des attentes des participants.
• Auto-positionnement permettant d'évaluer le niveau initial des apprenants.

Tout au long de la formation

• Évaluations continues réalisées par le formateur travers des questions orales, exercices, QCM, études de cas et mises en situation pratiques.
  
  

À l'issue de la formation (évaluations en ligne dans l'extranet apprenant)

• Auto-positionnement afin de mesurer l'acquisition des compétences visées.
• Validation de l'acquisition des compétences par le formateur
• Questionnaire de satisfaction « à chaud » à l'issue de la formation
• Questionnaire de satisfaction "à froid", 45 jours après la formation afin d'évaluer l'ancrage des acquis et leur mise en application en situation professionnelle.

• Admission sans disposition particulière