Formation accessibilité pour développeurs front-end
Deux jours, en salle, sur vos propres composants. L'objectif n'est pas de connaître les 106 critères par cœur — c'est d'acquérir les gestes qui font qu'un composant naît accessible plutôt que d'être corrigé après coup.
Le programme
| Séquence | Contenu |
|---|---|
| Comprendre avant de coder | Démonstration au lecteur d'écran et au clavier sur vos propres pages. C'est la séquence qui change les comportements |
| HTML sémantique | Pourquoi l'élément natif coûte moins cher, structure, régions, titres, listes, tableaux |
| Clavier et focus | Ordre de tabulation, indicateur de focus, pièges, gestion du focus dans les composants |
| ARIA | La première règle, les usages légitimes, les erreurs qui aggravent la situation |
| Formulaires | Étiquettes, regroupements, messages d'erreur, aide à la saisie |
| Composants | Reprise de vos propres composants : accordéon, modale, onglets, menu, champ assisté |
| Outillage et tests | Extensions, lecteur d'écran, tests automatisés en intégration continue |
Les cinq gestes visés
- Choisir l'élément natif plutôt que le reconstruire.
- Ne jamais supprimer le focus sans le remplacer.
- Tester au clavier chaque composant avant de le livrer.
- Déclarer les états — déplié, sélectionné, en erreur — et les tenir à jour.
- Vérifier au lecteur d'écran ce que le composant annonce réellement.
La démonstration au lecteur d'écran, en ouverture. Voir un composant qu'on a soi-même écrit produire une restitution incompréhensible change durablement la façon de coder — bien plus qu'un exposé sur les critères.
Sur vos pages, pas sur des exemples
Nous construisons les exercices à partir de vos gabarits et de vos composants. Les exemples génériques produisent une compréhension théorique qui ne survit pas au retour au poste de travail.
Concrètement, cela suppose un accès à votre dépôt ou à un environnement de développement avant la session. Le temps de préparation est inclus.
Ce qui suit la formation
Une formation seule ne tient pas si rien ne change dans le processus. Deux dispositifs à mettre en place dans la foulée :
- Une définition de terminé enrichie de quatre lignes sur l'accessibilité.
- Des tests automatisés bloquants dans la chaîne d'intégration — voir la maintenance et la non-régression.
Modalités
- Deux jours, en présentiel ou en classe virtuelle.
- Groupes de 4 à 10 personnes, pour que chacun manipule.
- Un lecteur d'écran installé sur chaque poste.
Poursuivre
Pour le métier qui produit le plus de non-conformités, voyez la formation des contributeurs.