Formation Coder et Développer desktop

Concevez et développez des sites web conformes au RGAA 4.1 et WCAG : sémantique HTML, WAI - ARIA et tests avec les technologies d'assistance.

Développer des sites conformes au RGAA 4.1

L’accessibilité se joue en grande partie dans le code : structure HTML, gestion du focus, composants ARIA. Cette formation de 2 jours outille les développeurs front-end et full-stack pour livrer des interfaces conformes et robustes, plutôt que de corriger après l’audit.

Pionnier depuis 2006, Ipedis ancre la pratique dans le RGAA 4.1 et le cadre légal. Vous manipulez le référentiel technique, ses tests et ses cas particuliers sur des ateliers de code.

 Notre approche :pratique et opérationnelle

Ateliers de mise en pratique tout au long des 2 jours : lecture du référentiel, structuration de contenus, WAI-ARIA, formulaires, tests avec lecteur d’écran et arbre d’accessibilité. Vous repartez avec un plan d’action opérationnel.

  • Définir l’accessibilité du web : contexte législatif, technologies d’assistance 
  • Intégrer les bonnes pratiques d’accessibilité dans son quotidien 
  • Maîtriser le développement accessible de sites web et contenus 
  • Maîtriser HTML5 et ARIA et leurs problématiques d’accessibilité 
  • Utiliser le référentiel RGAA 4.1 et ses ressources 
  • Utiliser et interpréter les outils de test (lecteur d’écran, inspecteur d’interface, arbre d’accessibilité…)

Pour qui ?

Développeurs, intégrateurs (front-end, full-stack, intégration) et toute personne créant des gabarits ou contenus HTML/CSS/JS.

Prérequis

  • Savoir coder en HTML5, CSS et Javascript
  • Avoir réalisé l’e-learning d’initiation à l’accessibilité numérique en amont (environ 1 h)
  • Avoir complété le questionnaire de positionnement Ipedis envoyé en amont par l’équipe formation 

Un ordinateur équipé des logiciels demandés lors de l’inscription.

 En amont de la formation :

 Évaluation initiale pour évaluer le niveau et identifier les besoins de l’apprenant via un quiz sous format QCM sur Digiforma. Le formateur analyse les résultats afin d’adapter le contenu pédagogique.

 Pendant la formation :

Évaluations formatives, suivi et conseils personnalisés par le formateur.

En fin de formation :

  • Évaluation finale réalisée par l’apprenant   
  • Délivrance d’une attestation de fin de formation et d’un certificat de formation Ipedis. 
  • Enquêtes de satisfaction à chaud et à froid (+90 j) à remplir à la fois par l’apprenant et par le commanditaire de la formation 

Formation assurée par des consultants experts en accessibilité numérique, praticiens du quotidien et développeurs de formation. La formation est ainsi illustrée de cas concrets terrain.

Découvrir nos formateurs

Nos formations sont ouvertes aux personnes en situation de handicap. Contactez notre référent handicap pour toute précision ou tout besoin d’adaptation.Référent handicap : Anne-Lise sur [email protected].

Ipedis est certifié Qualiopi : formation éligible à un financement OPCO.

Tout savoir sur le financement OPCO

Le programme 

En amont : e-learning de sensibilisation (1 h).

Ateliers de mise en pratique pendant toute la formation. 

Sensibilisation – Retour sur le e‑learning

  • Révision des notions d’accessibilité numérique et réponses aux questions   
  • Brainstorming sur l’impact de l’accessibilité sur les sites web  
  • Démonstration d’un site non accessible avec un lecteur d’écran

Explication des critères d’accessibilité 

  • Présentation des critères issus des bonnes pratiques
  • Présentation des critères les moins appliqués
  • Exemples de solutions
  • Impacts sur les différents handicaps

Prise en main du référentiel technique du RGAA

  • Retour sur le référentiel technique du RGAA : anatomie d’un critère et des tests associés, utilité du glossaire et des cas particuliers
  • Le traitement des dérogations et le principe de compensation selon le RGAA
  • Présentation de la base de référence

Structuration des contenus

  • Identifier les cadres  
  • Standards de langage : validité du code, titre de page, indications de langue, etc.  
  • Tableaux : titre, résumé, en-têtes  
  • Structuration de l’information : titres, listes, abréviations, citations, structure du document HTML5  
  • Images et présentation de l’information  
  • Images : alternatives, description détaillée, légendes d’images, images textes  
  • Couleurs : indications données par la couleur, gestion des contrastes  
  • Multimédia : transcription, sous-titres, audiodescription, vidéo et audio (HTML5), accessibilité des contrôles  
  • Présentation de l’information : utilisation de CSS, gestion du zoom, visibilité du focus, alternatives aux indications données par la forme ou la position, personnalisations et adaptations spécifiques  
  • Navigation et consultation  
  • Consultation : rafraîchissements de page, limites temporelles, contenus clignotants  
  • Liens : liens explicites, liens images, liens composites (HTML5)  
  • Navigation : menu de navigation, plan du site, moteur de recherche, liens de navigation, Landmarks (HTML5/ARIA)

Interactivité et contenus complexes 

  • JavaScript : gestion des alternatives, accès au clavier  
  • WAI-ARIA : rôles, états et propriétés (API), motifs de conception, techniques et règles d’implémentation, tests et validation  
  • Formulaires : identification des champs, regroupement et structuration, aides à la saisie, nouveaux éléments de formulaire (HTML5), utilisation de WAI-ARIA

Créer son plan d’action

  • Retour sur les critères et la démarche liée à l’accessibilité numérique  
    • Ce que dit la réglementation (rappel) 
    • Ce qui est attendu à son niveau 
    • amélioration continue
  • Définir son plan d’action personnel
    • Identifier ses documents prioritaires 
    • Lister 3 actions concrètes 
    • Identifier les ressources disponibles

Conclusion de la formation

Les points forts de la formation développeur

RGAA 4.1

Prenez en main le référentiel technique officiel, ses tests et ses cas particuliers. 

Technique

Maîtrisez rôles, états et motifs de conception pour des composants réellement accessibles. 

Ateliers code

Deux jours de pratique sur un environnement dédié, du HTML sémantique aux tests lecteur d’écran. 

Découvrir

Nos autres formations 

Découvrez des accompagnements réalisés auprès d’organisations engagées pour rendre leurs services numériques accessibles à toutes et tous.

4 éléments.

    • 11 mars 2026
    • Développement

    Coder et Développer accessible App Mobile

    Développez des applications mobiles natives et hybrides accessibles : normes, interfaces et tests d’accessibilité tout au long du cycle.
    En savoir plus
    • 21 août 2026
    • Design

    Design Graphique Accessible

    Concevez des interfaces ergonomiques et accessibles dès les wireframes : composants, contrastes et parcours utilisateurs inclusifs.
    En savoir plus
    • 10 février 2026
    • Audit

    Auditer l’accessibilité des sites web

    Apprenez à auditer l’accessibilité d’un site web selon le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) : échantillonnage, critères, rapport d’audit et déclaration d’accessibilité sur 3 jours, par des auditeurs…
    En savoir plus
    • 1 octobre 2026
    • Métier
    • Référent accessibilité

    Référent accessibilité : Piloter l’accessibilité numérique

    Devenez le référent qui pilotera l’accessibilité numérique de votre organisation : stratégie, animation de la démarche, coordination des métiers et rédaction du schéma pluriannuel.
    En savoir plus

faq

Questions fréquentes

Découvrez des accompagnements réalisés auprès d’organisations engagées pour rendre leurs services numériques accessibles à toutes et tous.

  • Savoir coder en HTML5, CSS et Javascript.
  • La formation s’adresse à des développeurs front-end ou full-stack déjà à l’aise avec l’intégration web.

Sur le RGAA 4.1 (106 critères), aligné sur les WCAG. Vous apprenez à lire les critères, les tests associés et à gérer les dérogations. La formation sera actualisée dès la sortie du référentiel RGAA 5 prévue fin 2026. 

Oui : des ateliers de code rythment les 2 jours, avec tests via lecteur d’écran, inspecteur d’interface et arbre d’accessibilité.

Non, elle porte sur le web desktop. Pour les applications mobiles natives et hybrides, voir la formation Coder et développer mobile.

Oui, Ipedis étant certifié Qualiopi. Elle n’est pas éligible au CPF.