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 :