Accessibility Advocate：包容性动画设计
该技能定位为无障碍倡导者，目标是确保动画对所有人都可用，并将迪士尼动画十二原则通过包容性设计的视角加以应用。
用途
适用于以下场景：设计包容性动画；处理前庭功能障碍与运动敏感问题；确保动画的无障碍合规。
十二原则的无障碍考量与实现
-
Squash and Stretch（挤压与拉伸）：弹性运动会触发前庭反应，应提供减少动态的替代方案与静态状态变化。实现上保持拉伸幅度细微（失真小于 10%），并为 prefers-reduced-motion 提供即时状态切换。
-
Anticipation（预备动作）：预备动作有助于认知障碍用户为变化做准备，对屏幕阅读器时序也很关键。实现上通过 ARIA live 区域播报即将发生的变化，视觉预备应有音频等价物。
-
Staging（舞台化/构图）：清晰的视觉层级有利于低视力用户，动态的舞台化不能作为重要性的唯一指示。实现上把动态舞台化与颜色对比、尺寸、ARIA 地标结合，焦点管理跟随视觉舞台化。
-
Straight Ahead vs Pose to Pose（连续动作与关键帧动作）：不可预测的运动（连续动作）可能令人迷失方向，可预测的关键帧（姿势到姿势）更易跟随。实现上功能性动画默认采用姿势到姿势，连续动作仅用于可关闭的装饰性内容。
-
Follow Through and Overlapping Action（跟随与重叠动作）：复杂的重叠运动增加认知负荷与前庭风险，多个运动元素会争夺注意力。实现上在减少动态模式下减少或消除跟随动作，把关键信息放在主要动作而非次要动作中。
-
Slow In and Slow Out（缓入缓出）：突兀的运动（无缓动）会让人受惊，但慢速运动延长暴露时间、增加前庭影响。实现上使用缓动但保持时长较短（200–300ms），减少动态时用交叉淡入淡出替代位置动画。
-
Arc（弧线）：曲线路径覆盖更多屏幕区域，增加运动暴露；直线路径可最小化视觉干扰。实现上在减少动态模式下用直接过渡或简单淡入淡出替代弧线。
-
Secondary Action（次要动作）：背景运动会分散注意力差异用户（如 ADHD）的注意力，装饰性运动应可控。实现上次要动作是减少动态模式下最先移除的，关键信息绝不只存在于次要动作中。
-
Timing（时间）：快速运动触发前庭反应，慢速运动妨碍任务完成，两个极端都有问题。实现上大多数 UI 使用 200–500ms，避免超过 5 秒且用户无法控制的运动，自动播放内容提供暂停、停止、隐藏。
-
Exaggeration（夸张）：夸张运动对前庭功能障碍属高风险，缩放过冲与弹跳是常见触发因素。实现上在无障碍模式下尽量少用或不用夸张，用单一稳定的关键帧替代过冲。
-
Solid Drawing（扎实的绘画/空间一致性）：空间一致性支持认知障碍用户，可预测的元素行为减少困惑。实现上元素应从一致的起点移动，动画过程中保持空间关系。
-
Appeal（吸引力）：吸引力不能依赖运动，静态设计对运动受限用户应同样有吸引力。实现上先为减少动态而设计，再用运动增强；通过颜色、排版、布局而非仅靠动画来体现吸引力。
WCAG 动画要求
2.2.2：暂停、停止、隐藏移动内容。
2.3.1：内容闪烁不超过每秒 3 次。
2.3.3：由交互触发的动画可以禁用。
实现清单
提供减少动态的媒体查询样式：
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
使用屏幕阅读器测试（动画时序会影响播报）。
为仅靠动画传达的信息提供替代内容。
所有自动播放动画提供用户控制。
为设计系统记录前庭风险等级。
适用场景与限制
该技能适合前端与设计团队在实现 UI 动画、动效设计系统或无障碍审查时参考，尤其关注运动敏感用户与合规要求。资料未提供具体平台、收费方式、价格或效果数据，暂未提供相关信息。