elite-accessibility
✓網頁動畫的運動輔助功能和 WCAG 合規性。關鍵：每當實現動畫時都應該加載此技能。涵蓋首選減少運動（CSS 和 GSAP 模式）、WCAG 對比度要求、APCA、焦點管理、鍵盤導航和屏幕閱讀器注意事項。當詢問以下問題時使用：運動減少、運動敏感性、前庭障礙、可訪問性、a11y、WCAG、對比度、焦點樣式或使動畫易於訪問。
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
網頁動畫的運動輔助功能和 WCAG 合規性。關鍵：每當實現動畫時都應該加載此技能。涵蓋首選減少運動（CSS 和 GSAP 模式）、WCAG 對比度要求、APCA、焦點管理、鍵盤導航和屏幕閱讀器注意事項。當詢問以下問題時使用：運動減少、運動敏感性、前庭障礙、可訪問性、a11y、WCAG、對比度、焦點樣式或使動畫易於訪問。 來源：rshvr/elite-web-design。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-05
- 更新時間
- 2026-02-18
快速解答
什麼是 elite-accessibility？
網頁動畫的運動輔助功能和 WCAG 合規性。關鍵：每當實現動畫時都應該加載此技能。涵蓋首選減少運動（CSS 和 GSAP 模式）、WCAG 對比度要求、APCA、焦點管理、鍵盤導航和屏幕閱讀器注意事項。當詢問以下問題時使用：運動減少、運動敏感性、前庭障礙、可訪問性、a11y、WCAG、對比度、焦點樣式或使動畫易於訪問。 來源：rshvr/elite-web-design。
如何安裝 elite-accessibility？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/rshvr/elite-web-design
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-05