Elite Accessibility 是一个专注于网页动效无障碍与 WCAG 合规的技能，来自 rshvr/elite-web-design 技能集。其核心目标是让包含丰富动效的网站对所有人都可访问。资料明确指出，该技能应与 elite-gsap 或 elite-css-animations 共同加载使用。
用途与背景 该技能面向需要处理动画无障碍问题的网页设计与开发场景。资料说明动效可能造成实际伤害：前庭功能障碍影响约 35% 的 40 岁以上成年人；动效敏感可能引发恶心、头晕、偏头痛；动画可能对 ADHD 或焦虑用户造成认知过载；闪烁内容可能触发光敏性癫痫。因此无障碍被视为设计要求而非可选项。
核心原则 资料提出一条“黄金法则”：每个动画都必须有 prefers-reduced-motion 替代方案，这对高端网页设计不可协商。
主要能力与参考主题 技能包含多个参考文件，分别覆盖：减少动效（reduced-motion.md）、WCAG 对比度（wcag-contrast.md）、焦点与键盘（focus-keyboard.md）、包容性美学（inclusive-aesthetics.md）、触摸交互（touch-interaction.md）。
使用方式与代码示例 资料提供了三种实现路径的代码示例：
- CSS 全局减少动效：通过 @media (prefers-reduced-motion: reduce) 将 animation-duration、transition-duration 设为 0.01ms，animation-iteration-count 设为 1，scroll-behavior 设为 auto。
- GSAP：始终使用 gsap.matchMedia()，分别针对 (prefers-reduced-motion: no-preference) 提供完整动画，针对 (prefers-reduced-motion: reduce) 提供即时状态（如 gsap.set 设置 opacity: 1, y: 0）。
- CSS 滚动驱动动画：仅在 (prefers-reduced-motion: no-preference) 下启用 animation-timeline: scroll()，在 reduce 下回退为 opacity: 1、transform: none。
替代方案对照 资料强调不要只是禁用动画，而要提供替代：滑动进入改为即时出现或仅淡入；视差滚动改为静态定位；滚动触发揭示改为内容默认可见；弹跳/脉冲改为静态或轻微透明度变化；页面过渡改为即时导航；自动播放轮播改为静态幻灯片加手动控制。示例中展示了卡片揭示动画在完整体验与减少动效两种模式下的 GSAP 写法差异（减少动效时使用更短时长与更快交错）。
动画安全分级 资料将动画分为三类：通常安全（透明度变化、小幅缩放 0.95→1、颜色过渡、短时长 <300ms）；需要替代方案（大幅移动、视差、缩放、旋转、弹跳/脉冲、无限循环）；危险需避免或严格限制（闪烁/频闪、快速移动、带运动的自动播放视频、旋转元素）。
测试方法 资料列出各平台开启减少动效的路径：macOS 系统偏好设置→辅助功能→显示→减少动态效果；Windows 设置→轻松使用→显示→在 Windows 中显示动画（关闭）；iOS 设置→辅助功能→动态效果→减弱动态效果；Chrome DevTools 通过 Cmd/Ctrl + Shift + P 搜索 Render，找到 Emulate CSS media feature prefers-reduced-motion。
对比度与焦点 WCAG 要求：普通文本 AA 4.5:1、AAA 7:1；大文本（18px+）AA 3:1、AAA 4.5:1；UI 组件与焦点指示器均为 3:1。测试可用 axe DevTools、WAVE、Stark 等浏览器扩展。焦点方面，每个交互元素都需要可见焦点，示例使用 :focus-visible 设置 outline 与 box-shadow。
屏幕阅读器注意事项 装饰性动画应加 aria-hidden="true"；内容动画需确保内容可访问；动态内容更新应使用 aria-live="polite" aria-atomic="true" 的实时区域进行播报。
实现清单 每个动画必须：检查 prefers-reduced-motion；提供减少/无动效替代；每秒闪烁不超过 3 次；不无限自动播放且无用户控制；不造成干扰阅读的布局偏移。每个页面必须：通过 WCAG AA 对比度（文本 4.5:1）；有可见焦点状态；可键盘导航；在无 JavaScript 动画时仍可用；为键盘用户提供跳转链接。
适用场景与限制 该技能适用于需要为网页动画实现无障碍与 WCAG 合规的设计与开发工作，尤其适合与 GSAP 或 CSS 动画技能配合使用。资料未提供该技能的安装命令、收费方式、平台支持范围或效果保证等信息，这些内容暂未提供。