摘要

  • W3C 于 2018 年发布的 WCAG 2.1 建议书要求：由用户交互触发的动态动画，如果并非功能或信息所必需，应当可以关闭。
  • 2020 年 3 月的 Media Queries Level 5 首份公开草案列出了 prefers-reduced-motion 的 reduce 与 no-preference 两个值。后来 WAI 的 C39 技术示例展示了两条路：按偏好关掉动作，或者先写安静的页面，再为没有报告减少动态偏好的情形添加效果。

每次点“下一张”，内容卡片都要翻个跟头。设计师看见的是个性，读者面对的却是读下一张内容前必经的一小段表演。读者可能早就在操作系统或浏览器里做过选择：少动一点。页面能不能听见，取决于它是否愿意把那项选择接进自己的样式。

W3C 2018 年 6 月 5 日发布的 WCAG 2.1 建议书在 2.3.3 成功标准里处理“由交互触发的动画”。如果移动画面对于功能或传达信息并非必需，用户应当能够关闭它。标准并未替网站画出下一张卡片如何出现。它把决定是否观看那段多余动作的权力，交还给正在使用页面的人。

2020 年 3 月 3 日的 Media Queries Level 5 首份公开工作草案给 CSS 一个接收偏好的入口：prefers-reduced-motion。reduce 表示系统获知用户希望减少动作；no-preference 表示系统没有收到相关偏好。在只写功能名的布尔查询里，后一种状态还会按假值计算。没有发表意见是一项需要准确读取的状态，绝非卡片获得了加演三次空翻的掌声。

浏览器把用户环境里的偏好带到页面，网站再决定具体行为。它可以直接显示下一张卡片，可以缩小位移，也可以只在特定条件下加入动画。读者在一个地方表达选择，这个信号就能随浏览器走进不同网站。每家网站仍要对自己设计的动作负责。这个分工看似细小，却改变了谁先开口。

2021 年 12 月 18 日的工作草案继续写明 reduce 与 no-preference 的区别。W3C 发布历史列出 2020 年首份公开草案和之后的工作草案。原先停留在读者设置菜单里的选择，逐渐成为网页作者可以在样式表里明确处理的条件。

WAI 于 2026 年 1 月更新的 C39 技术示例写出了两种做法。一种先有动画，再用 @media (prefers-reduced-motion: reduce) 关闭它；另一种先写静态样式，再在 @media (prefers-reduced-motion: no-preference) 下加入动作。轮到那张杂技卡片，第二种写法迫使编辑问一句：新内容安稳出现已经说清楚了，翻跟头还补充了什么？

C39 关注由点击或滚动等交互触发的 CSS 动态效果。WAI 说明，有些效果会使人分心或感到不适。2018 年的成功标准为传达功能与信息所需的动作保留空间。网站可以据此尊重读者设置，读者无需在每次打开页面时解释自己的身体状况。

编排权仍在网站手里，偏好由浏览器送达。下一张卡片照样可以出现，内容照样可以读。读者请页面坐下时，页面最聪明的回答是继续讲故事，椅子也不妨用上。