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é
 21 Heures

Nombre de participants


Prix ​​par Participant

Nos clients témoignent (5)

Cours à venir

Catégories Similaires