Partie 15 — Design accessible & industrialiser
⏱️ TL;DR — Corriger une page ici, un composant là, ça ne tient pas dans le temps : la dette d’accessibilité revient plus vite que tu ne la répares. Pour que l’a11y dure, il faut la concevoir en amont (dès la maquette, dans les design tokens), la porter par un design system (corriger une fois, bénéficier partout), l’étendre à l’accessibilité cognitive (langage clair, cohérence, réduction de la charge), la documenter (déclaration d’accessibilité), l’auditer (méthode RGAA), et l’ancrer dans la culture d’équipe. Cette partie te fait passer d’exécutant qui corrige à référent qui industrialise — le rôle qui te valorise et se vend.
Le problème qu’on résout
Jusqu’ici, tu sais rendre accessible ce que tu touches : un bouton, un formulaire, une modale. Mais une équipe produit livre des dizaines d’écrans par trimestre, et l’a11y « corrigée à la main, après coup » se re-dégrade à chaque sprint. Le vrai levier n’est pas de corriger plus vite — c’est de déplacer l’accessibilité en amont et de la faire porter par des systèmes : le design, les composants partagés, les process, la culture. C’est ce qui distingue le dev sensibilisé du référent qui rend une organisation durablement accessible.
Ce que tu sauras faire à la fin de cette partie
- Concevoir accessible dès la maquette : intégrer contraste, focus, états et cibles dans les design tokens, pas les rattraper à la fin.
- Faire du design system ton principal levier a11y : un composant partagé accessible = tous les produits qui en héritent.
- Traiter l’accessibilité cognitive — la plus large et la plus négligée : langage clair, cohérence, prévention des erreurs, charge mentale.
- Produire une déclaration d’accessibilité conforme et comprendre l’audit RGAA (échantillon, 106 critères, schéma pluriannuel).
- Devenir le référent a11y : Definition of Done, sensibilisation, modèle de maturité, roadmap — et valoriser cette spécialité.
Les chapitres
| # | Chapitre | En un mot |
|---|---|---|
| 15.1 | Concevoir accessible | Shift-left : contraste, focus et états dans les tokens. |
| 15.2 | Un design system accessible | Corriger une fois dans les composants partagés, bénéficier partout. |
| 15.3 | Accessibilité cognitive | Langage clair, cohérence, réduction de la charge mentale. |
| 15.4 | Déclaration & audit | Déclaration RGAA, schéma pluriannuel, méthode d’audit. |
| 15.5 | Culture & référent a11y | Definition of Done, maturité, porter le sujet dans l’équipe. |
On commence : Concevoir accessible — pourquoi l’a11y se gagne d’abord dans la maquette et les tokens.