Partie 16 — Cookbook & Annexes
⏱️ TL;DR — La boîte à outils du cours : checklists à cocher, cheat sheets ARIA & clavier, snippets réutilisables à copier-coller, glossaire et ressources officielles, plus un quiz final pour valider tes acquis. Cette partie n’est pas faite pour être lue d’un trait : elle est faite pour être ouverte en pleine session, au moment où tu code une modale, où tu prépares une PR, ou où tu ne sais plus quelle touche un menu doit gérer.
Ce que tu trouveras ici
Les quinze parties précédentes t’ont appris le pourquoi et le comment. Celle-ci condense tout en référence de terrain. On ne réexplique rien en profondeur — chaque section renvoie vers la partie qui développe le sujet. L’idée : un endroit unique où retrouver la bonne checklist, le bon raccourci clavier, le bon bout de code, sans relire un chapitre entier.
Les chapitres
| # | Chapitre | En un mot |
|---|---|---|
| 16.1 | Checklists | Listes à cocher : PR, WCAG POUR, clavier, formulaire, composant. |
| 16.2 | Cheat sheet ARIA & clavier | Rôles/états utiles, touches attendues par pattern APG, sr-only. |
| 16.3 | Snippets prêts à copier | Skip link, .sr-only, bouton icône, annonceur, focus trap, champ. |
| 16.4 | Glossaire & ressources | Le vocabulaire du domaine + les liens officiels. |
| 16.5 | Quiz final | 15 questions pour valider l’ensemble du cours. |
🧭 Sur A11yLearn — Toute cette partie est née du fil rouge : les checklists sont celles qu’on a réellement collées dans le modèle de PR d’A11yLearn, les snippets sont ceux qu’on a extraits du code (skip link du layout,
AnnonceProvider,useFocusTrapde la modale). Rien d’inventé pour l’occasion : c’est le référentiel de terrain de l’équipe, nettoyé et documenté.
On commence : Checklists — de quoi valider une feature avant de la pousser.