Méthode
Design system accessible : corriger une fois, propager partout
Le design system est le meilleur levier d'accessibilité d'une organisation : un composant corrigé remonte le taux de conformité sur toutes les pages qui l'utilisent.
L'effet de levier
Sur un site construit par composants, les mêmes briques se répètent sur toutes les pages : navigation, boutons, champs, cartes, modales. Une non-conformité dans un composant partagé se compte donc en centaines d'occurrences — et sa correction les résout toutes d'un coup.
C'est l'inverse exact d'un audit traité page par page, où l'on corrige cent fois le même défaut.
Ce qui se règle au niveau du système
- les contrastes, fixés dans les tokens de couleur : validés une fois, garantis partout ;
- les états de focus, définis globalement plutôt que réinventés par composant ;
- les composants interactifs — menu, onglets, accordéon, modale — construits sur des motifs éprouvés, avec le clavier et le focus traités ;
- les champs de formulaire, avec étiquette obligatoire par construction : un composant qui refuse de s'afficher sans
labelélimine la non-conformité à la racine ; - les niveaux de titre paramétrables, pour que la hiérarchie reste cohérente selon le contexte d'usage.
> Rendre la non-conformité impossible — La meilleure garantie n'est pas la documentation, c'est l'API du composant. Un bouton icône dont l'intitulé accessible est un paramètre obligatoire ne peut pas être livré muet.
Documenter l'usage
Un composant accessible mal employé redevient non conforme : un bouton utilisé comme lien, un titre choisi pour sa taille. La documentation de chaque composant doit préciser quand l'utiliser et quels paramètres sont requis.
Auditer le système lui-même
Auditer la bibliothèque de composants isolément — en plus du site — donne un rendement supérieur à tout autre investissement : chaque correction bénéficie à l'ensemble des projets qui la consomment, présents et futurs.
---
À lire aussi