Formation accessibilité web

Leçon 1 • L'état d'esprit de l'accessibilité

Présente l'accessibilité comme une pratique continue plutôt qu'une simple liste de contrôle. Prépare les apprenants à intégrer une réflexion inclusive dans chaque phase de projet.

Leçon 2 • Le cas éthique et commercial

Examine pourquoi les organisations investissent dans l'accessibilité au-delà de la conformité. Relie la responsabilité éthique à des résultats commerciaux mesurables.

Leçon 3 • Définir l'accessibilité web

Couvre la signification de l'accessibilité web et le spectre des handicaps qu'elle aborde. Ancre tous les apprentissages ultérieurs dans une définition partagée et précise.

Leçon 4 • Comment fonctionnent les technologies d'assistance

Explique les outils utilisés par les personnes handicapées pour naviguer sur le web. Développe l'empathie et la conscience technique nécessaires aux décisions de conception accessibles.

Leçon 1 • Principes de contenu perceptible

Couvre les critères garantissant que toutes les informations sont présentables aux sens des utilisateurs. Applique directement le Principe 1 des WCAG à des types de contenu réels.

Leçon 2 • Principes d'interface opérable

Aborde les critères garantissant que toutes les fonctionnalités sont accessibles via le clavier et une interaction tolérante au temps. Relie le comportement de l'interface au Principe 2 des WCAG.

Leçon 3 • Appliquer les niveaux de conformité de manière stratégique

Enseigne comment sélectionner et justifier les cibles de conformité pour des projets réels. Relie les critères abstraits aux décisions pratiques de cadrage de projet.

Leçon 4 • Principes de balisage robuste

Se concentre sur les critères garantissant que le contenu est interprété de manière fiable par les technologies d'assistance. Lie la qualité du code au Principe 4 des WCAG.

Leçon 1 • Formulaires et saisies accessibles

Couvre les patrons d'étiquetage, de regroupement et de gestion des erreurs pour les contrôles de formulaire. Impacte directement la barrière d'interaction la plus courante sur le web.

Leçon 2 • Éléments HTML sémantiques

Présente les éléments HTML natifs qui portent une signification d'accessibilité intégrée. Établit les fondations de toutes les pratiques de balisage accessible.

Leçon 3 • Liens, boutons et contrôles interactifs

Distingue l'utilisation correcte des liens vs. des boutons et garantit que les éléments interactifs sont accessibles. Prévient les patrons d'utilisation sémantique incorrecte les plus courants.

Leçon 4 • Langue du document et métadonnées

Explique comment les déclarations de langue et les métadonnées de page affectent le comportement des technologies d'assistance. Achève la couche sémantique des documents HTML accessibles.

Leçon 1 • Régions dynamiques et mises à jour en direct

Enseigne comment annoncer les modifications de contenu dynamique aux utilisateurs de lecteurs d'écran. Comble le fossé d'accessibilité créé par les mises à jour d'interface utilisateur pilotées par JavaScript.

Leçon 2 • Widgets personnalisés accessibles avec ARIA

Applique les patrons ARIA pour construire des onglets, modales, accordéons et menus accessibles. Traduit la spécification ARIA en patrons de composants prêts pour la production.

Leçon 3 • Fondamentaux et règles ARIA

Présente l'objectif d'ARIA et ses cinq règles d'utilisation. Prévient les erreurs d'application courantes avant que les apprenants ne construisent des patrons complexes.

Leçon 4 • Anti-patrons ARIA et débogage

Identifie les utilisations incorrectes fréquentes d'ARIA qui dégradent l'accessibilité et enseigne les stratégies de correction. Développe les compétences de révision critique pour auditer les bases de code existantes.

Leçon 1 • Couleur, contraste et clarté visuelle

Couvre les exigences de rapport de contraste et la communication d'informations indépendante de la couleur. Répond directement au critère visuel des WCAG le plus souvent échoué.

Leçon 2 • Indicateurs de focus et visibilité du clavier

Explique comment concevoir des styles de focus visibles et à fort contraste pour les utilisateurs de clavier. Répond à l'une des fonctionnalités d'accessibilité les plus souvent supprimées.

Leçon 3 • Mouvement, animation et mouvement réduit

Aborde les risques de l'animation pour les utilisateurs souffrant de troubles vestibulaires et enseigne les pratiques sécuritaires en matière de mouvement. Applique les critères WCAG de mouvement et de crise aux animations CSS.

Leçon 4 • Typographie et texte lisible

Enseigne les techniques de taille de police, d'interlignage et de redimensionnement du texte pour la lisibilité. Relie les choix typographiques aux critères WCAG de redimensionnement et d'espacement.

Leçon 1 • Patrons d'interaction clavier personnalisés

Applique les conventions clavier établies aux widgets composites comme les menus et les grilles. Garantit que les composants personnalisés répondent aux attentes des utilisateurs en matière de comportement clavier.

Leçon 2 • Piégeage du focus dans les modales et les superpositions

Enseigne le confinement correct du focus dans les boîtes de dialogue, les panneaux latéraux et les superpositions. Empêche le focus de s'échapper des couches interactives et de confondre les utilisateurs de lecteurs d'écran.

Leçon 3 • Fondamentaux de la navigation au clavier

Établit le modèle d'interaction clavier de base pour les interfaces web. Fournit le cadre conceptuel pour toutes les techniques de gestion du focus.

Leçon 4 • Test et audit de l'accès clavier

Fournit un processus systématique pour tester manuellement l'accessibilité au clavier. Développe la compétence d'audit nécessaire pour vérifier et documenter la conformité clavier.

Leçon 1 • Outils de test automatisés et leurs limites

Présente les scanners d'accessibilité automatisés et explique ce qu'ils peuvent et ne peuvent pas détecter. Définit des attentes réalistes avant l'introduction des méthodes de test manuelles et utilisateur.

Leçon 2 • Rédaction de rapports d'audit d'accessibilité

Enseigne comment documenter les résultats, attribuer une gravité et recommander des corrections de manière claire. Transforme les données de test brutes en livrables exploitables pour les équipes de développement.

Leçon 3 • Tests utilisateur avec des participants handicapés

Explique comment recruter, planifier et mener des sessions d'utilisabilité avec des utilisateurs handicapés. Produit des informations qualitatives qu'aucun outil automatisé ou manuel ne peut reproduire.

Leçon 4 • Protocoles de test avec lecteurs d'écran

Enseigne comment tester avec les principaux lecteurs d'écran sur différents systèmes d'exploitation et navigateurs. Fournit la validation la plus directe de la compatibilité réelle avec les technologies d'assistance.

Leçon 1 • Construire une bibliothèque de composants accessible

Guide les équipes dans la création de composants d'interface utilisateur accessibles, réutilisables et pré-testés. Adapte la qualité de l'accessibilité à l'échelle des produits sans dupliquer l'effort.

Leçon 2 • Accessibilité dans les équipes Agile et Scrum

Adapte les pratiques d'accessibilité aux cycles de livraison basés sur les sprints. Empêche l'accumulation de dette d'accessibilité au fil du développement itératif.

Leçon 3 • Transfert développeur et mise en œuvre

Couvre la communication des exigences d'accessibilité de la conception à l'ingénierie. Garantit que les spécifications survivent au transfert et sont mises en œuvre correctement.

Leçon 4 • Accessibilité dans la phase de conception

Intègre les points de contrôle d'accessibilité dans la recherche UX, le maquettage et la conception visuelle. Empêche les corrections coûteuses en détectant les problèmes avant que le code ne soit écrit.