用途:为前庭障碍、晕动敏感、偏头痛、光敏性癫痫、脑震荡恢复期及焦虑人群设计安全的界面动效,让动画服务于功能而不造成伤害。
主要能力与规则:明确区分危险动效与需谨慎使用的动效。禁止使用每秒超过 3 次的闪烁内容(属 WCAG A 级要求)、任何颜色的大面积闪烁、频闪或脉冲效果。视差滚动、滚动劫持、全视口缩放动画、旋转元素、自动轮播、背景视频需极度谨慎。
设计模式:必须尊重 prefers-reduced-motion,这是最低要求。启用后应将动画过渡替换为即时状态切换,停止所有自动播放的视频与动画,禁用视差与滚动触发动画,仅保留必要的加载指示并简化。动效预算分为必要动效(加载指示、进度条、传达含义的状态过渡,保留但简化)、辅助动效(悬停、细微过渡,减弱动效时改为即时)、装饰动效(背景动画、入场效果、视差,完全移除)。
安全动画原则:过渡时长控制在 300ms 以内;尽量用不透明度与颜色变化替代位置变化;避免同时动画大面积区域;所有运动内容提供播放/暂停控件;不自动播放,由用户主动选择。视频与动态背景:不自动播放,先显示静态海报图,提供可见的暂停/停止按钮,使用背景视频时提供静态替代方案,并确保暂停后内容完全可读。
评估问题:界面是否尊重 prefers-reduced-motion;是否存在每秒超过 3 次的闪烁;所有动画能否暂停、停止或隐藏;是否有内容自动播放运动;是否存在视差或滚动触发动画及其静态替代。
限制:资料未提供具体代码实现、安装命令、平台支持范围或收费信息。