Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Durée 21 heures
Plan du cours
Contexte légal et fondamentaux de l'accessibilité
Module 1 : Introduction à la loi sur l'accessibilité et à son importance
- Aperçu de la nouvelle loi sur l'accessibilité (entrée en vigueur le 28 juin)
- Exigences légales et délais
- Impact sur le secteur public, les entreprises privées et les développeurs
- Pourquoi l'accessibilité compte : perspectives sociale, éthique et commerciale
- Pénalités en cas de non-conformité
- Aperçu des normes d'accessibilité (WCAG 2.1/2.2, ARIA)
- Catégories de handicaps
Module 2 : Principes et directives d'accessibilité
- Principes POUR (Perceptible, Utilisable, Compréhensible, Robuste)
- Introduction aux directives WCAG
- Rôles, états et propriétés ARIA
- HTML sémantique et son rôle dans l'accessibilité
Module 3 : Mise en place d'un environnement de développement accessible
- Outils : outils de développement du navigateur, lecteurs d'écran (NVDA, VoiceOver), extensions d'accessibilité
- Configuration de linters et d'outils de test d'accessibilité automatisés
- Aperçu des outils courants de test d'accessibilité
- Configuration des tests d'accessibilité sur émulateurs mobiles et appareils réels (utilisation de VoiceOver/TalkBack, Accessibility Scanner Android, Xcode Accessibility Inspector).
Module 4 : Codage pratique – HTML sémantique et navigation au clavier
- Rédaction de balisage sémantique pour l'accessibilité
- Garantir une navigabilité complète au clavier
- Techniques de gestion du focus
- Gestion accessible des formulaires et des éléments interactifs
Accessibilité dans les applications mobiles natives (Module supplémentaire optionnel de 1,5 heure)
- Directives clés des plateformes (Google Material, Apple Human Interface)
- Rendre la navigation, les boutons et les formulaires accessibles sur mobile
- Problèmes courants d'accessibilité mobile et solutions
- Test pratique avec VoiceOver et TalkBack
Codage avancé et technologies d'assistance
Module 5 : CSS et design visuel accessibles
- Meilleures pratiques pour le contraste des couleurs et la taille du texte
- Styles de focus et indicateurs de focus visibles
- Considérations relatives au design responsive pour l'accessibilité
- Éviter les pièges d'accessibilité dans les animations et les transitions
- Directives relatives au contraste des couleurs et à la taille pour les écrans mobiles.
Module 6 : ARIA pour le contenu dynamique et les applications riches Internet
- Quand et comment utiliser les attributs ARIA
- Gestion des régions en direct pour les lecteurs d'écran
- Création de widgets et de composants personnalisés accessibles
- Rôle d'ARIA dans les SPA (Applications monopage)
- Pour le mobile, discussion des rôles et étiquettes d'accessibilité sur les plateformes natives (par ex. contentDescription sur Android, accessibilityLabel sur iOS).
Module 7 : Atelier de codage pratique : Construction de composants accessibles
- Création de boutons, de modales, de menus déroulants et d'onglets accessibles
- Mise en œuvre de la validation de formulaire et de la gestion des erreurs accessibles
- Utilisation d'ARIA et du HTML sémantique pour des composants d'interface utilisateur réels
Tests, conformité et accessibilité continue
Module 8 : Tests et audits d'accessibilité
- Techniques de test manuel avec des lecteurs d'écran et au clavier uniquement
- Tests automatisés avec des outils tels que axe, Lighthouse, pa11y
- Rédaction de cas de test d'accessibilité pour les équipes QA
- Intégration des tests d'accessibilité dans les pipelines CI/CD
- Comment effectuer des audits d'accessibilité sur les applications mobiles natives (tests manuels, outils automatisés tels que Accessibility Scanner, Espresso pour Android, XCTest pour iOS)
Module 9 : Remédiation et accessibilité continue
- Problèmes d'accessibilité courants et comment les corriger
- Gestion de l'accessibilité dans les bases de code legacy
- Maintenance de l'accessibilité lors des mises à jour de fonctionnalités et de la refonte du code
- Accessibilité dans les applications multi-plateformes (mobile, bureau, web)
Module 10 : Exercice pratique final et synthèse
- Construire ou refondre une petite application/module pour répondre aux normes d'accessibilité
- Revue par les pairs et discussion de groupe
- Séance de questions/réponses et de retour d'information
- Ressources pour l'apprentissage continu et les mises à jour de la conformité
Pré requis
- Connaissances de base à intermédiaires en HTML, CSS et JavaScript
- Connaissances de base à intermédiaires des techniques de développement d'applications mobiles (Android, iOS)
- La familiarité avec les frameworks front-end (React, Angular, Vue, etc.) est un atout
- La familiarité avec le développement d'applications mobiles est un atout
- Compréhension de base du cycle de vie du développement web/mobile
- Ordinateur portable avec un environnement de développement configuré (éditeur de code, outils de développement du navigateur)
Public cible
- Développeurs front-end/back-end/mobile
- Concepteurs UI/UX avec des connaissances en programmation
- Ingénieurs QA spécialisés dans les tests d'accessibilité
- Product Owners et Directeurs de Projet impliqués dans la conformité à l'accessibilité
Nos clients témoignent (3)
En tenant compte des éléments essentiels à prendre en compte lors de la conception des flux de processus, afin de garantir une expérience utilisateur avantageuse ou une mise en œuvre facilitée.
Lineo Nchaba - Revenue Services Lesotho
Formation - User Experience (UX) Design
Traduction automatique
Expérimentation avec des outils
Nuwan Gunaratne - AZQORE
Formation - User Experience Design with Figma
Traduction automatique
Notre formateur, Yashank, était incroyablement compétent. Il a adapté le programme pour correspondre à ce que nous avions vraiment besoin d'apprendre, et nous avons eu une excellente expérience d'apprentissage avec lui. Sa maîtrise du domaine qu'il enseignait était impressionnante ; il partageait des insights issus de son expérience réelle et nous a aidés à résoudre les problèmes concrets que nous rencontrions dans notre travail.
Ahmed Nazeem - Maldives Pension Administration Office
Formation - Multimodal AI for Enhanced User Experience
Traduction automatique
