Développer des sites web accessibles RGAA / WCAG

Date de mise à jour des informations

14 mars 2023.

Durée

21 heures (3 jours).

Tarif et modalités d’accès

Cette formation est disponible en intra entreprise, en format distanciel ou présentiel. La tarification est établie sur devis : contactez-nous.

Délais d’accès

Entre 10 et 30 jours selon la disponibilité des formateurs. En cas de prise en charge par un OPCO (OPérateur de COmpétences), le délai d’accès peut être allongé.

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 ;
  • Mise à disposition du document support à la suite de la formation.

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

  • Certificat de réalisation ;
  • 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.

Satisfaction

Les participants ont attribué une note moyenne de satisfaction de 4,11/5 sur cette formation en 2022 (sur 24 répondants soit 65% des participants).

Afin d’en savoir plus sur la formation Développer des sites web accessibles :