Prenez contact avec nous
 Durée 21 heures

Plan du cours

Contexte juridique & Fondements de l'accessibilité

Module 1 : Introduction à la loi sur l'accessibilité et son importance

  • Aperçu de la nouvelle loi sur l'accessibilité (entrant 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 sociales, éthiques et commerciales
  • 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 lignes directrices de l'accessibilité

  • Principes POUR (Percevable, Utilisable, Compréhensible, Robuste)
  • Introduction aux lignes directrices WCAG
  • Rôles, états et propriétés ARIA
  • HTML sémantique et son rôle dans l'accessibilité

Module 3 : Configuration 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 automatisé d'accessibilité
  • Aperçu des outils courants de test d'accessibilité
  • Configuration des tests d'accessibilité sur les simulateurs mobiles et les appareils réels (en utilisant VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Module 4 : Codage pratique – HTML sémantique & 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 optionnel additionnel de 1,5 heure)

  • Lignes directrices 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
  • Tests pratiques avec VoiceOver et TalkBack

Codage avancé & Technologies d'assistance

Module 5 : CSS accessible et conception visuelle

  • Meilleures pratiques pour le contraste des couleurs et la taille du texte
  • Styles de focus et indicateurs de focus visibles
  • Considérations de conception responsive pour l'accessibilité
  • Éviter les pièges d'accessibilité dans les animations et les transitions
  • Lignes directrices pour le contraste des couleurs et la taille pour les écrans mobiles.

Module 6 : ARIA pour les contenus dynamiques & 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 de ARIA dans les SPA (Single Page Applications)
  • Pour le mobile, discussion des rôles et libellés d'accessibilité dans les plateformes natives (p. ex. contentDescription dans Android, accessibilityLabel dans iOS).

Module 7 : Atelier de codage pratique : Création de composants accessibles

  • Créer des boutons, des modales, des listes déroulantes et des onglets accessibles
  • Mettre en œuvre une validation et une gestion des erreurs de formulaires accessibles
  • Utiliser ARIA et le HTML sémantique pour des composants d'interface utilisateur réels

Tests, conformité et accessibilité continue

Module 8 : Tests et audit d'accessibilité

  • Techniques de test manuels avec lecteurs d'écran et 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 exécuter des audits d'accessibilité sur les applications mobiles natives (tests manuels, outils automatisés comme Accessibility Scanner, Espresso pour Android, XCTest pour iOS)

Module 9 : Correction & Accessibilité continue

  • Problèmes d'accessibilité courants et comment les corriger
  • Gestion de l'accessibilité dans les bases de code legacy
  • Maintenir l'accessibilité lors des mises à jour de fonctionnalités et du refactorisation
  • Accessibilité dans les applications multiplateformes (mobile, bureau, web)

Module 10 : Exercice pratique final et conclusion

  • Construire ou refondre une petite application/module pour répondre aux normes d'accessibilité
  • Revue par les pairs et discussion de groupe
  • Session questions/réponses et retour d'information
  • Ressources pour l'apprentissage continu et les mises à jour de 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 cadres frontend (React, Angular, Vue, etc.) est un atout
  • La familiarité avec le développement d'applications mobiles est un atout
  • Comprendre de base du cycle de vie du développement web/mobile
  • Un ordinateur portable avec un environnement de développement configuré (éditeur de code, outils de développement du navigateur)

Public cible

  • Développeurs Frontend/Backend/Mobile
  • Concepteurs UI/UX ayant des connaissances en codage
  • Ingénieurs QA se spécialisant dans les tests d'accessibilité
  • Product Owners et chefs de projet impliqués dans la conformité à l'accessibilité

Nombre de participants


Prix par participant

Nos clients témoignent (3)

Cours à venir

Catégories Similaires