用途:这是前端检查清单中的一条无障碍规则,用于在审查渲染后的 HTML、交互组件或设计系统模式时,检查视差效果是否提供了必要的替代方案。
主要能力:帮助识别背景与前景以不同速度移动的视差效果,并验证这些效果在系统开启 prefers-reduced-motion 时是否被禁用,以及核心内容是否在无该效果时仍可访问。
使用方式:在代码审查中检查渲染标记与交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互;用浏览器无障碍工具或辅助技术验证修复效果。修复时,可将视差效果包裹在 @media (prefers-reduced-motion: no-preference) 查询中,提供传达相同内容的静态回退方案,并考虑增加全站关闭动效的用户开关。
适用场景:面向组件与设计系统的无障碍审查、键盘交互与焦点行为检查、减少动态效果偏好适配等。
限制:资料强调视差会造成视觉与内耳感知不一致,可能触发前庭功能障碍用户出现头晕、恶心与眩晕,因此需禁用或提供替代方案;完整实现细节、代码示例与框架相关指引见 references/rule.md。具体元素、API、框架用法与检测工具清单暂未提供。