Dans les termes du Skill
Une routine d'audit WCAG 2.1 AA pour un design ou une page, déclenchée par des formulations comme « audit accessibility » ou « check a11y » et prenant en argument une URL Figma, une URL ou une description.
Il embarque une référence rapide condensée de onze critères répartis entre Perceptible, Utilisable, Compréhensible et Robuste : contraste de 4,5:1 pour le texte normal, 3:1 pour le grand texte et les composants d'interface, accès au clavier, focus visible et zones tactiles de 44x44 pixels CSS, plus huit problèmes courants et une approche de test en cinq étapes qui commence par une analyse automatisée détectant environ 30 % des problèmes. Les constats aboutissent dans un rapport markdown à structure fixe, avec décompte des gravités, tableaux par principe, sections contraste, clavier et lecteurs d'écran, et corrections priorisées.
Ce qu'il produit
- Un rapport d'audit d'accessibilité en markdown, en-têté du nom du design ou de la page et du standard WCAG 2.1 AA.
- Une section de constats répartie en tableaux Perceptible, Utilisable, Compréhensible et Robuste : problème, critère, gravité et recommandation.
- Des tableaux dédiés au contraste des couleurs, à la navigation au clavier et aux lecteurs d'écran, avec le nom annoncé pour chaque élément.
- Une liste ordonnée de corrections prioritaires, séparant les corrections critiques qui bloquent les utilisateurs des améliorations majeures et des petits plus facultatifs.
Fonctionnement
- 01Indiquez l'élément à auditer
La commande prend en argument une URL Figma, une URL de page ou une description écrite, et audite cette cible.
- 02Vérifiez les onze critères AA
La référence rapide regroupe les critères sous Perceptible, Utilisable, Compréhensible et Robuste, chacun avec son numéro de critère de succès et son seuil.
- 03Effectuez les cinq passes de test
Analyse automatisée, navigation au clavier uniquement, test avec lecteur d'écran, vérification du contraste et zoom à 200 %, dans cet ordre.
- 04Rédigez la structure de rapport fixe
Un seul rapport markdown avec un résumé des gravités, un tableau de constats par principe, et des tableaux distincts pour le contraste, le clavier et les lecteurs d'écran.
- 05Utilisez les connecteurs lorsqu'ils sont disponibles
Avec un outil de design connecté, il lit les valeurs de couleur, les tailles de police et les zones tactiles depuis Figma ; avec un outil de suivi de projet, il crée un ticket par constat.