Développer des sites web accessibles RGAA / WCAG

Date de mise à jour des informations

25 janvier 2022

Durée

21 heures (3 jours).

Nombre de personnes

Minimum 3 personnes pour l’ouverture de la session.

Calendrier des sessions inter-entreprises

  • Du 19 avril 2022 au 21 avril 2022
  • Du 01 juin 2022 au 03 juin 2022
  • Du 20 septembre 2022 au 22 septembre 2022

Tarif formation

  • Inter-entreprise : 1500€ HT par personne ;
  • Intra-entreprise : sur devis.

Modalités d’accès à la formation

  • En inter-entreprise ;
  • En intra-entreprise ;
  • En distanciel.

Délais d’accès

  • Soit en fonction du calendrier des formations proposé ;
  • Soit entre la signature du devis et 10 jours après.

Pour les formations prises en charge par un OPCO (OPérateur de COmpétences), le délai d’accès pourra être plus long en fonction de la réponse de l’OPCO.

Profils des stagiaires

  • Chef de projet technique ;
  • Architecte ;
  • Développeur ;
  • Intégrateur.

Prérequis

  • Connaissances du fonctionnement d’un site web ;
  • Maîtrise des langages HTML, CSS et JavaScript.

Objectifs de la formation

À l’issue de la formation, le stagiaire doit être en capacité de :

  • Acquérir les connaissances techniques complémentaires (WAI-ARIA) pour assurer la qualité d’un développement accessible ;
  • Maîtriser les bonnes pratiques requises pour la mise en place de contenus accessibles simples ou plus spécifiques ;
  • Mettre en œuvre ces bonnes pratiques à travers différents exemples et exercices de codage.

Contenu et mise en œuvre de la formation

Technologies du web accessible

  • Durée : 3,5 heures (dont 1 heure d’atelier) ;
  • Contenu : HTML (SVG), CSS et JavaScript (DOM et arbre d’accessibilité) ; WCAG (principes, critères et techniques) ; WAI-ARIA et son écosystème (propriétés, états et rôles) ; outillage de base (extensions pour navigateurs et éditeurs de code) ;
  • Atelier : choix et installation d’un outillage de base (extensions pour navigateurs et éditeurs de code) pour faciliter le travail de développement ;
  • Supports : logiciel de présentation.

Structure globale d’une page

  • Durée : 1,5 heures ;
  • Contenu : type de document et validation du code ; éléments obligatoires (titre de page, langue du document, sens de lecture) ; techniques spécifiques : cadres (iframe), rafraîchissement de page, limitation temporelle de la consultation ;
  • Atelier : création d’une première page web pourvue des exigences de base ;
  • Supports : logiciel de présentation.

Zones de contenu

  • Durée : 2 heures ;
  • Contenu : contenus transverses (menu de navigation, plan de site, moteur de recherche) ; raccourcis et liens d’évitements (skip links) ; régions (landmarks) : haut de page, pied de page, recherche, contenu annexe, navigation (menu, fil d’Ariane, Pagination) ;
  • Atelier : ajout des zones de contenu à la page web précédemment créée ;
  • Supports : logiciel de présentation ;

Présentation des contenus

  • Durée : 1,5 heures ;
  • Contenu : usages de CSS ; agencement (responsive, zoom) ; couleur (visibilité, contraste) ; position et forme des contenus ; mécanismes alternatifs possibles ;
  • Atelier : ajout de styles aux éléments des pages créés, en conformité avec les principes d’accessibilité ;
  • Supports : logiciel de présentation.

Structures de contenu simples

  • Durée : 2 heures ;
  • Contenu : utilisation sémantique des éléments HTML (natifs et personnalisés) ; hiérarchie des titres ; listes ; citations ; liens (identification - contenu visible et nom accessible, et pertinence) ; images (décoratives, informatives, description détaillée et légendes) ;
  • Atelier : ajout de contenus aux zones précédemment créées ;
  • Supports : logiciel de présentation ;

Structures de contenu spécifiques

  • Durée : 3,5 heures ;
  • Contenu : tableaux (simples et complexes) ; formulaires (structures, groupement, gestion des erreurs) ; contenus multimédias : contenus audio et vidéo (transcription, sous-titres, audiodescription, contrôles) et animations ;
  • Atelier : création d’une page proposant un tableau et un formulaire et d’une autre intégrant un contenu vidéo ;
  • Supports : logiciel de présentation ;

Interaction dans les contenus

  • Durée : 3,5 heures ;
  • Contenu : usages de JavaScript ; gestion des interactions au clavier et au toucher ; changement de contenu (gestion du focus et notification) ; changement de contexte ; alternatives à JavaScript ;
  • Atelier : mise en place d’une notification et d’une navigation simulée entre les trois pages précédemment créés ;
  • Supports : logiciel de présentation ;

Composants

  • Durée : 3,5 heures (dont 2 heures d’atelier) ;
  • Contenu : anatomie d’un composant (identification, sémantique et interactions) ; modèles de conception (design patterns WAI-ARIA) ; composants spécifiques ou personnalisés ;
  • Atelier : intégration de différents exemples de composant (fenêtre modale, menu de navigation, potentiomètre).

Organisation de la formation

Profil du formateur

Jean-Pierre Gay, expert en accessibilité numérique, 16 ans d’expérience. Il contribue activement à la rédaction du ​RGAA 4.0 (Référentiel Général d’Amélioration de l’Accessibilité) et à sa mise à jour (RGAA 4.1). Il effectue parallèlement des missions d’audit, d’accompagnement et de formation auprès de clients du service public ou bien du privé.

Moyens pédagogiques et techniques

  • Exposé de mise en situation ;
  • Échanges avec les participants ;
  • Travaux pratiques.

Dispositif de suivi de l’exécution de l’évaluation des résultats de la formation

  • Attestation d’assiduité ;
  • Questions orales ou écrites (QCM) ;
  • Mises en situation (ateliers) ;
  • Questionnaire d’évaluation de la formation.

Accessibilité aux personnes handicapées

Les personnes en situation de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités d’adapter la formation. Il est à noter que le support de formation sera disponible au format HTML afin de permettre une meilleure accessibilité de ses contenus.

Résultats obtenus (les indicateurs seront fournis ultérieurement)

  • Période de référence du _____ au ________
  • Nombre de sessions :
  • Nombre de bénéficiaires de la formation :
  • Nombre de retours de questionnaires de satisfaction :
  • Taux de satisfaction :
  • Retour de satisfaction de l’entreprise :

Afin d’en savoir plus ou de connaître la prochaine date de la formation Développer des sites web accessibles :

Certification Qualiopi

Qualiopi – Processus certifié – République française

La certification qualité a été délivrée au titre de la catégorie d’actions suivantes : actions de formation.