·elite-accessibility
</>

elite-accessibility

✓
rshvr/elite-web-designGitHub: rshvr/elite-web-designFonte: rshvr/elite-web-design

Accessibilità del movimento e conformità WCAG per le animazioni web. CRITICO: questa abilità dovrebbe essere caricata ogni volta che si implementano le animazioni. Copre la preferenza per il movimento ridotto (modelli CSS e GSAP), requisiti di contrasto WCAG, APCA, gestione della messa a fuoco, navigazione tramite tastiera e considerazioni sullo screen reader. Utilizzare quando viene chiesto su: movimento ridotto, sensibilità al movimento, disturbi vestibolari, accessibilità, a11y, WCAG, rapporti di contrasto, stili di messa a fuoco o come rendere accessibili le animazioni.

rshvr·elite·accessibility
6Installazioni·1Tendenza·@rshvr

Installazione

GitHub: rshvr/elite-web-design
$npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility

Come installare elite-accessibility

Installa rapidamente la skill AI elite-accessibility nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: rshvr/elite-web-design.

SKILL.md

Visualizza raw

| 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à del movimento e conformità WCAG per le animazioni web. CRITICO: questa abilità dovrebbe essere caricata ogni volta che si implementano le animazioni. Copre la preferenza per il movimento ridotto (modelli CSS e GSAP), requisiti di contrasto WCAG, APCA, gestione della messa a fuoco, navigazione tramite tastiera e considerazioni sullo screen reader. Utilizzare quando viene chiesto su: movimento ridotto, sensibilità al movimento, disturbi vestibolari, accessibilità, a11y, WCAG, rapporti di contrasto, stili di messa a fuoco o come rendere accessibili le animazioni. Fonte: rshvr/elite-web-design.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility
Fonte
rshvr/elite-web-design
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-05
Aggiornato
2026-03-11
URL
https://www.learn-skills.dev/it/skills/rshvr/elite-web-design/elite-accessibility

Browse more skills from rshvr/elite-web-design

Risposte rapide

Che cos'è elite-accessibility?

Accessibilità del movimento e conformità WCAG per le animazioni web. CRITICO: questa abilità dovrebbe essere caricata ogni volta che si implementano le animazioni. Copre la preferenza per il movimento ridotto (modelli CSS e GSAP), requisiti di contrasto WCAG, APCA, gestione della messa a fuoco, navigazione tramite tastiera e considerazioni sullo screen reader. Utilizzare quando viene chiesto su: movimento ridotto, sensibilità al movimento, disturbi vestibolari, accessibilità, a11y, WCAG, rapporti di contrasto, stili di messa a fuoco o come rendere accessibili le animazioni. Fonte: rshvr/elite-web-design.

Come installo elite-accessibility?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/rshvr/elite-web-design

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-05

Skills correlate

elite-inspiration
18 Installazioni
elite-css-animations
14 Installazioni
elite-gsap
12 Installazioni
elite-layouts
7 Installazioni
elite-design-core
6 Installazioni
elite-performance
6 Installazioni