reduced-motion-a11y

reduced-motion-a11y

Catalogue généré le 2026-05-11

En une phrase

Concevoir une stratégie reduced-motion (prefers-reduced-motion) + variantes pour limiter le motion sickness sans casser l’UI.

Quand l'utiliser

• Voir la description ci-dessus et la section « Pour aller plus loin ».

Comment l'invoquer

• Slash command : /reduced-motion-a11y (si exposé dans ton CLI)
• Phrases déclencheurs : voir la description complète ci-dessous
• Auto-invocation : sur demande explicite

Pour aller plus loin

Reduced Motion & Accessibilité

Objectif

Respecter prefers-reduced-motion avec une variante “reduce” utile.

Procédure

1. Essentiel vs ornemental
2. Substitutions reduce
3. Impl CSS media query + option data-attr
4. Vérifier focus/drawers/modals

Outputs attendus

• Matrice normal vs reduce
• Snippets CSS + utilitaires
• Checklist QA

Source

• Plugin : perso (standalone)
• Nom interne : reduced-motion-a11y
• Fichier : /home/thymon/.claude/skills/reduced-motion-a11y/SKILL.md