elite-accessibility
✓Accessibilité au mouvement et conformité WCAG pour les animations Web. CRITIQUE : Cette compétence doit être chargée à chaque fois que vous implémentez des animations. Couvre les préférences de mouvement réduit (modèles CSS et GSAP), les exigences de contraste WCAG, l'APCA, la gestion de la mise au point, la navigation au clavier et les considérations relatives aux lecteurs d'écran. À utiliser lorsqu'on vous pose des questions sur : la réduction des mouvements, la sensibilité au mouvement, les troubles vestibulaires, l'accessibilité, l'a11y, les WCAG, les taux de contraste, les styles de mise au point ou la création d'animations accessibles.
Installation
SKILL.md
| Reduced motion | reduced-motion.md | | WCAG contrast | wcag-contrast.md | | Focus & keyboard | focus-keyboard.md |
| Slide in from side | Instant appear or fade only | | Parallax scrolling | Static positioning | | Scroll-triggered reveals | Content visible by default | | Bouncing/pulsing | Static or subtle opacity change | | Page transitions | Instant navigation | | Auto-playing carousels | Static slide, manual controls |
macOS System Preferences → Accessibility → Display → Reduce motion
Accessibilité au mouvement et conformité WCAG pour les animations Web. CRITIQUE : Cette compétence doit être chargée à chaque fois que vous implémentez des animations. Couvre les préférences de mouvement réduit (modèles CSS et GSAP), les exigences de contraste WCAG, l'APCA, la gestion de la mise au point, la navigation au clavier et les considérations relatives aux lecteurs d'écran. À utiliser lorsqu'on vous pose des questions sur : la réduction des mouvements, la sensibilité au mouvement, les troubles vestibulaires, l'accessibilité, l'a11y, les WCAG, les taux de contraste, les styles de mise au point ou la création d'animations accessibles. Source : rshvr/elite-web-design.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility- Source
- rshvr/elite-web-design
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que elite-accessibility ?
Accessibilité au mouvement et conformité WCAG pour les animations Web. CRITIQUE : Cette compétence doit être chargée à chaque fois que vous implémentez des animations. Couvre les préférences de mouvement réduit (modèles CSS et GSAP), les exigences de contraste WCAG, l'APCA, la gestion de la mise au point, la navigation au clavier et les considérations relatives aux lecteurs d'écran. À utiliser lorsqu'on vous pose des questions sur : la réduction des mouvements, la sensibilité au mouvement, les troubles vestibulaires, l'accessibilité, l'a11y, les WCAG, les taux de contraste, les styles de mise au point ou la création d'animations accessibles. Source : rshvr/elite-web-design.
Comment installer elite-accessibility ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/rshvr/elite-web-design
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-05