
prefers-reduced-motion可帮助网站识别用户希望减少非必要运动的偏好。应优先停用或减弱视差、平滑滚动和大幅进场等装饰动画,同时保留理解操作所必需的状态反馈,而不是让所有界面突然没有任何提示。
先盘点运动来自哪里
列出主题进场、Elementor滚动效果、背景视频、轮播及插件弹窗过渡,不只检查一个CSS文件。动画可能由JS或第三方嵌入控制。用户偏好生效后,哪些组件会响应、哪些仍自动运动,需要按实际实现逐项确认。
区分装饰运动与必要反馈
大幅缩放、视差和不断平移通常可以用静态或轻微过渡替代;加载、展开和提交结果仍需清楚表达状态。不要以移除动画为由取消进度或成功失败提示,也不要把信息仅藏在动画完成后的事件里,导致静态模式内容无法出现。

为CSS和脚本分别落实策略
根据当前浏览器和组件支持使用媒体查询与相应脚本检测,必要时调整组件设置。不要只把动画时长统一压到极小值,某些脚本依赖结束事件或重复次数,可能产生新故障。应明确各组件在减少运动时采用什么替代行为。
从系统偏好重新走一遍页面
开启与关闭该偏好分别查看首访、滚动、目录、菜单和弹窗,确认重要内容均可见、交互可用。检查页面加载前后偏好变化是否处理合理。技术检测支持不等于当前所有插件都遵从,实际发现仍在运动的组件要单独修整。
关键区别

用户偏好:希望减少非必要运动;不是要求取消所有反馈。
装饰效果:可静态或减弱处理;不能藏住核心内容。
交互反馈:说明正在发生什么;应保留清晰状态。
怎样确认处理到位
减少动态模式下非必要运动退让,所有内容和操作仍完整可用,普通模式没有因兼容处理出现新错误。
容易误判的边界
不应仅加一条媒体查询就宣称整站已经适配;背景视频、JS动画和嵌入组件都需要实际检查。
