Plan du cours
Jour 1 : Context juridique et fondements 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 juridiques et délais
- Impact sur le secteur public, les entreprises privées et les développeurs
- Pourquoi l'Accessibilité est importante : perspectives sociales, éthiques et commerciales
- Sanctions pour non-conformité
- Aperçu des normes d'Accessibilité (WCAG 2.1/2.2, ARIA)
- Types de handicaps
Module 2 : Principes et lignes directrices en matière d'Accessibilité
- Principes POUR (Percevable, Opérable, Compréhensible, Robuste)
- Introduction aux directives WCAG
- Rôles, états et propriétés ARIA
- HTML sémantique et son rôle en matière d'Accessibilité
Module 3 : Mise en place d'un environnement de développement Accessible
- Outils : outils développeur du navigateur, lecteurs d'écran (NVDA, VoiceOver), extensions pour l'Accessibilité
- Mise en place des validateurs et des outils automatiques de test d'Accessibilité
- Aperçu des outils courants de test d'Accessibilité
- Mise en place du test d'Accessibilité sur des simulateurs mobiles et des appareils réels (utilisation de VoiceOver/TalkBack, Android Accessibilité Scanner, Xcode Accessibilité Inspector).
Module 4 : Codage pratique – HTML sémantique et navigation au clavier
- Rédaction de la mise en page sémantique pour l'Accessibilité
- Garantir une navigabilité complète au clavier
- Techniques de gestion du focus
- Prise en charge des formulaires et des éléments interactifs en respectant l'Accessibilité
Accessibilité dans les applications mobiles natives (module supplémentaire facultatif de 1,5 heure)
- Lignes directrices clés des plateformes (Google Material, Interface Humaine Apple)
- Mise en accessibilité de la navigation, des boutons et des formulaires sur mobile
- Problèmes d'Accessibilité courants sur les appareils mobiles et leurs solutions
- Tests pratiques avec VoiceOver et TalkBack
Jour 2 : Codage avancé et technologies assistives
Module 5 : Conception CSS et design visuel en respectant l'Accessibilité
- Mises en pratique des meilleures pratiques pour le contraste de couleur et la taille du texte
- Styles de focus et indicateurs de focus visibles
- Considérations pour une conception réactive accessible
- Éviter les pièges d'Accessibilité dans les animations et transitions
- Lignes directrices pour le contraste de couleur et la taille des écrans mobiles.
Module 6 : ARIA pour du contenu dynamique et les applications Internet riches
- Quand et comment utiliser les attributs ARIA
- Gestion des régions en direct pour les lecteurs d'écran
- Création de widgets accessibles et composants personnalisés
- Rôle de l'ARIA dans les applications Web à une seule page (SPA)
- Pour les appareils mobiles, discussion sur les rôles et étiquettes d'Accessibilité dans les plateformes natives (par exemple, contentDescription pour Android, accessibilityLabel pour iOS).
Module 7 : Atelier de codage pratique : Construction de composants Accessibles
- Créer des boutons, modaux, menus déroulants et onglets accessibles
- Mettre en œuvre la validation et le traitement d'erreurs des formulaires en respectant l'Accessibilité
- Utiliser ARIA et HTML sémantique pour des composants UI réels
Jour 3 : Tests, conformité et Accessibilité continue
Module 8 : Tests et audits en matière d'Accessibilité
- Téchniques de test manuel avec lecteurs d'écran et clavier uniquement
- Tests automatisés avec des outils comme axe, Lighthouse, pa11y
- Rédaction de cas de tests pour les équipes QA
- Intégration du test en matière d'Accessibilité dans les pipelines CI/CD
- Méthodes d'audit d'Accessibilité des applications mobiles natives (tests manuels, outils automatisés comme Accessibilité 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 des bases de code héritées
- Maintien de l'Accessibilité pendant les mises à jour de fonctionnalités et le refactoring
- Accessibilité dans les applications multiplateformes (mobile, bureau, web)
Module 10 : Exercice pratique final et récapitulation
- Réaliser ou refactoriser une petite application/module pour respecter les normes d'Accessibilité
- Revue par les pairs et discussion en groupe
- Sessions de questions-réponses et feedback
- Ressources pour un apprentissage continu et des mises à jour sur la conformité
Pré requis
- Connaissance de base à intermédiaire de HTML, CSS, JavaScript
- Connaissance de base à intermédiaire des techniques d'applications mobiles (Android, IOS)
- Familiarité avec les frameworks frontend (React, Angular, Vue, etc.) est un atout
- 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 environnement de développement configuré (éditeur de code, outils de développeur pour navigateurs)
Audience - Développeurs Frontend/Backend/Mobile
- Concepteurs UI/UX ayant des connaissances en codage
- Ingénieurs QA se concentrant sur les tests d'accessibilité
- Possesseurs de produits et chefs de projet impliqués dans la conformité aux normes d'accessibilité
Nos clients témoignent (5)
Le fait qu'il y avait des exemples pratiques avec le contenu
Smita Hanuman - Standard Bank of SA Ltd
Formation - Basel III – Certified Basel Professional
Traduction automatique
Vitesse de réponse et de communication
Bader Bin rubayan - Lean Business Services
Formation - ISO/IEC 27001 Lead Implementer
Traduction automatique
Voir les outils puissants de Figma
Emile Ste-Marie - Loto-Quebec
Formation - User Experience Design with Figma
- les exercices sont pratiques - le formateur est utile pour répondre à nos questions spécifiques
Germaine Choi - The Hong Kong Jockey Club
Formation - User Experience (UX) Design
Traduction automatique
Atmosphère, approche des exercices et commentaires sur les tâches. C'était une façon si agréable et détendue de transmettre les connaissances.
Elzbieta Moc-Kilanska - EY GDS
Formation - User Experience UX Design Fundamentals
Traduction automatique