Formation Développer des sites web accessibles

En conformité avec le RGAA 4.1.2

Sommaire

Présentation de la formation

Programme de formation mis à jour le 2 juillet 2025
Durée et modalité21 heures

  • Si formation en présentiel : 3 jours (3 × 7 h) ;
  • Si formation à distance : 6 matinées de classe virtuelle en visioconférence (6 × 3 h 30).
Participants par sessionDe 3 à 8 personnes
PublicDéveloppeuses et développeurs (back, front et full stack), intégratrices et intégrateurs HTML/CSS/JavaScript, responsables techniques, expertes et experts techniques. Développeuses et développeurs (back, front et full stack), intégratrices et intégrateurs HTML/CSS/JavaScript, responsables techniques, expertes et experts techniques.
PrérequisMaîtrise minimum du code HTML et CSS. Notions de JavaScript.
MatérielUn ordinateur PC ou Mac équipé des navigateurs, logiciels et extensions demandés avant le début de la formation. Une sortie son, avec ou sans casque.
ÉvaluationÉvaluation par l’intervenant des travaux ou exercices effectués tout au long de la formation. QCM final certifiant en fin de formation.
AccessibilitéCette action de formation est adaptable aux personnes en situation de handicap, sur simple demande en amont de la session. Les supports de formation sont réalisés dans des formats accessibles.
Toutefois, cette formation nécessite des prérequis ou des aptitudes spécifiques qui ne sont pas toujours compatibles avec certains types de handicap. Dans ces cas, nous mettons tout en œuvre pour orienter la personne vers une structure plus adaptée.
Tarifs
  • Intra-entreprise : 3600 € HT
  • Inter-entreprise : 1350 € HT / participant
Modalités et délais d’accèsFormation inter-entreprise :
Pas de session inter-entreprise programmée à ce jour, Les sessions sont planifiées selon les demandes reçues à formations@backstory.fr. Toute demande fera l’objet d’un entretien de qualification du besoin.
Formation intra-entreprise :
Une date de formation dans les 2 mois est mise à disposition dès la signature du devis. L’inscription est validée dès le retour du devis signé.

Enjeux de cette formation

Contexte

Avec l’évolution des usages numériques, garantir l’accessibilité des sites web est devenu une exigence légale et une opportunité stratégique pour les entreprises. Le Référentiel Général d’Amélioration de l’Accessibilité (RGAA) en version 4.1.2, définit un cadre précis pour rendre compatible avec l’accessibilité les contenus numériques à destination de tous, y compris les personnes en situation de handicap. Mettre à niveau un site web existant pour assurer sa conformité au RGAA ou développer un nouveau projet constitue aujourd’hui un défi prioritaire visant à offrir une expérience utilisateur inclusive et répondre aux besoins d’un public élargi.

Objectifs et compétences clés

  • Comprendre l’intérêt des normes d’accessibilité web.
  • Appréhender l’accessibilité numérique pour relever les enjeux humains, légaux et techniques.
  • Décrypter pour un développeur les 106 critères de contrôle du Référentiel Général d’Amélioration de l’Accessibilité (RGAA).
  • Identifier et corriger les erreurs d’implémentation HTML et CSS.
  • Permettre une navigation fluide et intuitive pour les utilisateurs qui ne naviguent qu’au clavier.
  • Comprendre et intégrer les spécificités pour les technologies d’assistance.
  • Intégrer des composants complexes utilisant JavaScript en s’appuyant sur la documentation WAI ARIA.
  • Acquérir les connaissances pour développer des sites web accessibles et conformes au RGAA.

Contenus de la formation

  • La formation souligne que l’accessibilité numérique concerne tout le monde, et met en évidence le rôle essentiel des développeurs dans sa mise en œuvre.
  • L’ensemble des critères du RGAA 4.1.2 est analysé de manière thématique.

Modalités d’évaluation et de suivi

  • Un formulaire d’auto-évaluation et de recueil d’objectifs est envoyé en amont de la formation
  • Des exercices pratiques sur des cas concrets ont lieu régulièrement sur la base d’une page HTML développée comportant des points d’attention à évaluer et corriger.
  • L’évaluation des acquis se fait tout au long de ces mises en pratique.
  • Un certificat de réalisation est adressée individuellement aux participants.

Programme des 3 jours

Introduction et accessibilité

  • Présentation : accueil, objectifs, déroulement.
  • Accessibilité : définition, droits fondamentaux, types et chiffres du handicap.
  • Accessibilité numérique : historique (W3C, WAI), enjeux, besoins spécifiques, technologies d’assistance.
  • Normes et référentiels : WCAG 2.1, RGAA 4.1.2 (méthode, critères, tests, exemptions).
  • L’audit de conformité: cadre opérationnel de vérification de la conformité aux exigences d’accessibilité dans l’environnement de test.

Prise en main des premiers critères du RGAA 4.1.2

  • Images : images porteuses ou non d’information, images légendées, images texte, alternatives, calcul du nom accessible.
  • Cadres : nom accessible pour les éléments frame et iframe.
  • Couleurs : information donnée par la couleur, contraste des textes et éléments d’interface.

Types de contenus, scripts et structure

  • Multimédia : média temporels et non temporels, alternatives, contrôles, compatibilité avec les technologies d’assistance.
  • Tableaux : différences entre tableaux de données simple, complexes et de présentation.
  • Liens : liens textes, liens images, intitulé visible ou non visible.
  • Scripts : principales fonctionnalités WAI-ARIA, ressources, contenus complexes et motifs de conception (design patterns), changement de contexte, contrôle par le clavier, messages de statuts.
  • Éléments obligatoires : validité du code, langue, détournement de balisage, sens de lecture.
  • Structuration de l’information : titres, structure HTML5, listes, citations, rôles at noms accessibles.

Présentation de l’information, interactivité et consultation

  • Présentation de l’information : CSS, taille des caractères avec des unités relatives, visibilité des liens et de la prise de focus, contenus cachés et contenus rendus visibles.
  • Formulaires : types de champs, regroupements, aides à la saisie et messages d’erreur, accessibilité utilisateur compatible avec les technologies d’assistance.
  • Navigation : menus et barres de navigation, landmarks ARIA, liens d’évitement, ordre de navigation et focus.
  • Consultation : contrôle des procédés de rafraîchissement, nouvelles fenêtres, contenus en mouvement, responsive, annulation des actions.

Évaluation des connaissances (2h)

  • QCM (certification)
  • Session Questions/Réponses

Formateur

Olivier, c’est une solide expérience de plus de 35 ans en tant que directeur artistique print et digital puis en développement Front End pour des grands comptes.
UI designer de cœur, il est designer d’interfaces et développeur Front End depuis plus de 20 ans (Html5, CSS, PHP, WordPress, JavaScript, Angular). Ce double profil apporte beaucoup de souplesse et d’efficacité dans les projets.
Expert en production de Design System, il a pu associer sa rigueur et sa créativité au sein des workflows de production pour des grands compte comme BPCE, RCI et l’AFP.
Soucieux de la qualité et de l’inclusivité de ses productions, Il s’est également formé à l’accessibilité (UI et Dev) depuis 2018 et est certifié comme auditeur depuis 2022.
Il a été sensibilisé à l’écoconception au sein de l’agence et s’est formé au CMS Kirby en 2023.
En parallèle de ses activités de production, Olivier a été pendant neuf ans formateur en tant que responsable pédagogique web au sein du centre de formation Marcorel puis au sein de l’école Strate.

Ce programme peut être adapté selon les besoins de votre organisation ou de votre équipe.

N’hésitez pas à nous contacter.

Demander un devis ou un renseignement