Accessibility
Concevez et auditez des interfaces au niveau WCAG 2.2 AA sur Web, iOS et Android, avec mapping ARIA multi-plateformes.
- Quoi
- Concevez et auditez des interfaces au niveau WCAG 2.2 AA sur Web, iOS et Android, avec mapping ARIA multi-plateformes.
- Coût
- Gratuit
- Prérequis
- Utilisez « accessibility » avec un agent IA disposant d'outils de fichiers (Read, Write), comme Claude Code, ou collez-le dans un chat avec votre Muse.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor : un skill d'accessibilité pratique pour concevoir, implémenter et auditer des interfaces au niveau WCAG 2.2 AA sur Web, iOS et Android. Il suit les principes POUR (Perceptible, Utilisable, Compréhensible, Robuste) dans un flux en cinq étapes : identifier le rôle du composant (éléments natifs sémantiques d'abord), définir les attributs perceptibles (contraste 4,5:1, alternatives textuelles, reflow à 400 %), implémenter des contrôles utilisables (cibles 24x24px minimum, focus visible, atteignabilité clavier), garantir une logique compréhensible (navigation cohérente, erreurs descriptives, pas de saisie redondante), et vérifier la compatibilité robuste (Name/Role/Value corrects, régions live). L'atout marquant : sa table de mapping multi-plateformes. Chaque motif est donné côte à côte en HTML/ARIA, SwiftUI (accessibilityLabel, traits, hints) et Jetpack Compose (semantics, contentDescription), avec des exemples copier-coller pour chacun. Une section anti-patterns nomme les péchés habituels (div-boutons, sens par la seule couleur, modales sans focus, alt text redondant) et une checklist de bonnes pratiques boucle la boucle. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : il implémente le côté technique de WCAG, il ne remplace pas les tests avec de vrais utilisateurs de technologies d'assistance ; les API des plateformes évoluent, vérifiez ponctuellement les attributs générés contre la doc actuelle. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MuseCréation de la communauté. Skill Harbor ne vérifie pas le code — examinez la source avant de l'installer.
Utilisez « accessibility » avec un agent IA disposant d'outils de fichiers (Read, Write), comme Claude Code, ou collez-le dans un chat avec votre Muse. Prérequis : aucune clé API, aucun service payant. Pour les audits, l'agent doit avoir accès au code. 1. Ouvrez le skill : https://github.com/affaan-m/ECC/blob/main/skills/accessibility/SKILL.md et copiez le texte complet du SKILL.md. 2. Collez-le dans un chat et ajoutez : « Audite [composant/page/app] pour WCAG 2.2 niveau AA. Plateforme : [Web/iOS/Android]. » Ou pendant un build : « Implémente [composant] de façon accessible : rôles sémantiques, labels, gestion du focus et contraste. » 3. Demandez la checklist de bonnes pratiques à la fin et vérifiez chaque point contre votre code. Astuce : nommez la plateforme d'emblée pour obtenir le bon mapping (ARIA vs SwiftUI vs Compose). Pour les modales et menus déroulants, demandez explicitement de vérifier le piégeage et la restauration du focus. Sécurité : un skill est du texte d'instructions ; il n'exécute rien tout seul. N'y collez jamais de secrets ni de clés API, et relisez tout ce que l'agent propose avant qu'il n'agisse.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.