Description
Objectif général de la formation : À l’issue de la formation, les participants seront capables de développer des applications web avancées en intégrant des techniques d’accessibilité de niveau confirmé, en conformité avec les normes d’accessibilité numérique. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME visé : Maîtrise (M) Compétences visées : Appliquer des techniques avancées pour un développement web accessible. Maîtriser l’intégration des fonctionnalités complexes tout en garantissant l’accessibilité. Auditer et optimiser des applications web pour respecter les normes WCAG 2.1 et RGAA.
Objectifs pédagogiques
- Intégrer des composants interactifs avancés conformes aux exigences d’accessibilité.
- Utiliser des pratiques avancées pour le rendu visuel et sémantique des interfaces.
- Auditer et corriger les erreurs d’accessibilité sur des projets complexes.
Public concerné
Prérequis
Déroulé du programme
Jour 1 : Techniques avancées pour un développement web accessible (6 heures)
- Rappel des fondamentaux et introduction aux niveaux AA/AAA (1 heure)
Rappel des normes WCAG 2.1 et des critères de niveaux AA et AAA.
Objectifs d’accessibilité pour les projets complexes.
- Sémantique avancée et ARIA approfondi (2 heures)
Utilisation des rôles ARIA complexes pour les composants interactifs.
Exemples pratiques : menus dynamiques, carrousels et modals accessibles.
Travaux pratiques : Développer un menu déroulant accessible avec ARIA et JavaScript.
- Navigation et interaction clavier/souris (1,5 heure)
Gérer les focus, les raccourcis clavier et la navigation intuitive.
Contrôle des états des éléments interactifs pour les lecteurs d’écran.
Travaux pratiques : Intégrer une navigation clavier complète sur un composant complexe.
- Accessibilité des formulaires complexes (1,5 heure)
Structurer des formulaires avancés avec validation accessible.
Ajout d’indications visuelles et auditives pour les erreurs.
Travaux pratiques : Créer un formulaire multi-étapes avec validation accessible.
Jour 2 : Rendu visuel et audit des applications web (6 heures)
- Optimisation visuelle et accessibilité UX/UI (2 heures)
Contrôle des contrastes et gestion des styles dynamiques.
Prise en charge des préférences utilisateurs (thèmes haute visibilité, polices).
Travaux pratiques : Adapter une interface existante pour les besoins UX des utilisateurs en situation de handicap.
- Accessibilité des composants multimédias (2 heures)
Ajout des sous-titres et de l’audio-description dans des lecteurs multimédias avancés.
Intégration des commandes clavier pour les médias interactifs.
Travaux pratiques : Développer un lecteur vidéo avec sous-titrage et navigation clavier.
- Audit avancé des applications web (2 heures)
Utilisation des outils d’audit (Wave, Lighthouse, axe DevTools).
Validation manuelle et correction des erreurs d’accessibilité complexes.
Travaux pratiques : Auditer et corriger les erreurs d’un site existant avec des outils d’analyse.
Jour 3 : Finalisation et projet pratique (3 heures)
- Intégration et déploiement d’un projet accessible (1,5 heure)
Bonnes pratiques pour maintenir l’accessibilité sur un projet en production.
Automatisation des tests d’accessibilité avec des pipelines CI/CD.
- Projet final : Développement d’un composant interactif complet (1,5 heure)
Réalisation d’un composant dynamique conforme aux normes d’accessibilité AA/AAA.
Présentation collective des solutions développées.
Informations
Durée
2 jour(s)
15h
Sur demande