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

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) : scenario 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 erreurs ou encore d'unplan 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.
• Equilibre 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éroulé 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.
• Evaluation 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