SuperAPI AI 工具集

accessibility-issues

设计与创作

查看项目

更新于 10-15 21:36

技能介绍

用途:本技能用于排查和修复动画对无障碍造成的影响,适用于使用迪士尼动画原则时可能触发前庭障碍、认知负担、屏幕阅读器混乱或闪烁性癫痫风险的场景。

主要能力:按动画原则逐项诊断。Squash and Stretch 过度变形会导致方向感混乱,修复方式是针对 prefers-reduced-motion 用户减少或消除该效果,改用透明度变化;Secondary Action 问题为动态元素过多,修复是限制为一次仅一个动画元素,次要动作应弱化或移除;Exaggeration 的大幅运动可能触发前庭反应,需减小缩放、旋转和位移;Timing 过快要避免突变,提供一致可预测的节奏;Arcs 的曲线路径增加追踪难度,关键 UI 建议用线性运动,弧线仅用于可选装饰。

必要用法:始终检查并尊重 prefers-reduced-motion;不自动播放动画,由用户触发;保持焦点指示器可见且不被动画移走;用 ARIA live regions 宣告动态内容变化;任何循环动画提供暂停控制;保证闪烁频率低于每秒 3 次;确保用户无需动画也能完成任务;在启用屏幕阅读器的情况下测试。资料给出的代码模式为媒体查询 prefers-reduced-motion: reduce 下将 animation-duration、animation-iteration-count、transition-duration 设为极小值或 1,并用 window.matchMedia('(prefers-reduced-motion: reduce)').matches 在 JS 中判断。

适用场景与限制:适合动画实现、组件动效和无障碍审查阶段使用。具体平台支持范围、工具版本和测试方法资料未展开,暂未提供。