为什么要做这个设置
动效是本站的视觉语言之一,但它不该成为使用的障碍。约4%–8% 的人群存在前庭功能障碍,滚动视差、循环呼吸、位移进场这类效果对他们可能引发不适、头晕甚至呕吐。
因此本站提供四档动效强度设置,并在所有情况下遵循操作系统的偏好。
四档设置
| 档位 | 行为 | 适合谁 |
|---|---|---|
| 跟随系统设置(默认) | 读取操作系统的「减少动态效果」偏好,命中则降级 | 大多数人 |
| 完整动效 | 全部效果启用 | 普通桌面端 |
| 精简动效 | 保留功能性过渡,去掉装饰性位移与视差 | 低端设备、易晕动效者 |
| 关闭动效 | 彻底移除所有过渡与动画 | 对动效敏感者 |
点击页面底部或右下角的「动效强度」按钮即可切换,设置会记住。
降级不是简单归零
一个常见的错误是把所有动效一律关闭。实际上:
- 该关的:视差滚动、循环呼吸动画、进场位移
- 不该关的:100 毫秒内的颜色与透明度过渡——这是状态变化的关键线索,关掉会让用户失去「元素变了」的提示
本站的降级策略是区分这两类,而不是一刀切。
其他无障碍支持
- 键盘可完整操作:
/聚焦搜索,方向键选择结果,回车跳转 - 提供「跳到主要内容」跳过链接,屏幕阅读器用户可直接越过导航
- 所有交互元素有 aria 标注,焦点状态可见
- 深色模式跟随系统,并额外提供高对比度模式支持
- 打印样式:隐藏导航与操作区,区块避免跨页断裂,展开链接地址
内容层面的无障碍
本站尽量避免把颜色作为唯一的信息载体。证据等级除徽章字母外,都有文字说明与形状差异,色觉障碍用户同样可读。