Wcag

Le skill d’accessibilité vous aide à concevoir, implémenter et auditer des interfaces accessibles avec les recommandations WCAG 2.2 niveau AA pour le Web, iOS et Android. Utilisez-le pour cartographier les rôles des composants, les libellés, les états, le comportement du focus et les attributs d’accessibilité, avec des conseils pratiques d’usage pour les travaux d’audit UX et les revues d’implémentation.

ux-designer est une skill de conception UX structurée dédiée à la recherche, à l’accessibilité, à l’architecture de l’information, aux parcours d’interaction, au cadrage de wireframes et à la rédaction UX. Elle aide les équipes à transformer des idées produit encore floues en décisions de design plus claires et fondées sur des critères, grâce à `AGENTS.md` et à des fichiers de règles ciblés.

La skill accessibility-compliance aide les équipes à auditer et améliorer des interfaces web ou mobiles grâce à des recommandations concrètes sur WCAG 2.2, ARIA, l’accès au clavier, les lecteurs d’écran et l’accessibilité mobile. Idéale pour les audits UX, les corrections de composants et des recommandations prêtes à mettre en œuvre.

wcag-audit-patterns est une skill structurée pour les audits WCAG 2.2 et les revues d’accessibilité. Elle aide à croiser les résultats automatisés avec des vérifications manuelles, à prioriser les problèmes selon leur gravité et leur niveau de conformité, puis à produire des recommandations de remédiation concrètes pour des pages, parcours et composants.

screen-reader-testing est une skill pratique pour les audits UX et l’assurance qualité en accessibilité. Découvrez comment l’utiliser pour tester des applications web avec VoiceOver, NVDA et JAWS, définir les priorités de couverture selon les navigateurs et plateformes, et évaluer les formulaires, le comportement ARIA, la gestion du focus et les annonces dynamiques.

critique vous aide à passer en revue des interfaces, fonctionnalités, pages ou composants sous l’angle UX, grâce à une notation structurée, des tests basés sur des personas, des vérifications heuristiques et des retours actionnables. Utilisez critique lorsque vous avez besoin d’un guide de critique reproductible pour la conception UI/UX, pas d’un commentaire vague. Il convient particulièrement à une analyse ciblée sur une zone précise, avec un contexte clair.

La skill audit réalise un audit UX technique des travaux frontend en vérifiant l’accessibilité, les performances, le theming, le comportement responsive et les anti-patterns. Elle produit des constats notés, des niveaux de sévérité P0 à P3 et un plan d’action, avec une configuration préalable requise via des skills impeccables associées.

La compétence audit réalise des revues UX techniques structurées pour des pages, fonctionnalités ou composants. Elle vérifie l’accessibilité, les performances, le theming, le comportement responsive et les anti-patterns front-end, puis renvoie des constats notés avec des niveaux de sévérité P0 à P3 et un plan d’action. À utiliser de préférence après l’étape de contexte obligatoire /frontend-design.

Le skill audit réalise des revues UI techniques structurées couvrant l’accessibilité, les performances, le theming, le comportement responsive et les anti-patterns. Il fournit des constats notés, des niveaux de sévérité P0 à P3 et un plan d’action pour une page, une fonctionnalité ou un composant précis. À utiliser de préférence après avoir recueilli le contexte de design.

ui-web vous aide à concevoir et styliser des composants d’UI web avec des vérifications WCAG 2.1 AA, un contraste élevé, des contrôles bien visibles et des patterns Tailwind adaptés au mode sombre. Utilisez cette compétence ui-web pour des frontends de type React lorsque vous avez besoin de conseils pratiques en design UI qui améliorent l’accessibilité et réduisent les approximations.

Le skill ui-testing propose un workflow de vérification UI basé sur une checklist pour repérer avant la mise en production les boutons invisibles, les contrastes insuffisants, les états de focus manquants et les problèmes de zones tactiles. Il est particulièrement adapté aux revues de design UI, aux contrôles de composants et aux vérifications rapides d’accessibilité, avec moins d’hypothèses qu’une invite de test générique.

ui-mobile est un guide pratique pour le design d’interface mobile dans React Native et des bases de code iOS/Android proches. Il met l’accent sur les zones tactiles accessibles, les contrastes et les règles d’interaction afin de vous aider à concevoir des écrans plus sûrs, à revoir des composants et à améliorer l’ergonomie mobile avec moins d’hésitation.

web-design-guidelines est un guide agnostique du framework pour concevoir, relire et corriger des interfaces web accessibles et responsives. Utilisez-le pour le HTML sémantique, les vérifications WCAG 2.2, les formulaires, les états de focus, le contraste, le mode sombre, la performance et les choix de mise en page en HTML, CSS et JS.

fixing-accessibility aide à auditer et réparer les problèmes d’accessibilité HTML avant la mise en production. Utilisez-le pour les boutons, formulaires, boîtes de dialogue, onglets, contrôles à icône seule, navigation au clavier, gestion du focus, erreurs de formulaire, contrastes et libellés pour lecteurs d’écran. Le skill fixing-accessibility est surtout adapté aux corrections ciblées dans le code UI, pas aux rapports de conformité généraux.

swiftui-wcag-accessibility-auditor audite le code des fonctionnalités SwiftUI iOS au regard de WCAG 2.2 niveau A/AA et de WCAG2Mobile, puis renvoie des correctifs prêts à appliquer, avec preuves, priorités et vérifications utilisateur pour les comportements que le code ne permet pas de trancher. À utiliser pour l’authentification, les formulaires, les réglages, les contrôles personnalisés et les revues UX pré-merge.

design-system-starter aide les équipes à poser les bases d’un design system avec des tokens, des composants atomiques, du theming, des recommandations WCAG 2.1 AA, des checklists et des templates compatibles React pour la documentation et le code de démarrage.