preference-audit

用户偏好审计

测试现有界面是否能正确检测并响应用户偏好——即用户主动选择的无障碍设置。

流程

第 1 步：测试动态效果偏好

使用 user-preference-respect 启用 prefers-reduced-motion，并浏览整个界面。记录：

• 仍在播放的动画
• 仍会滑动或淡入淡出的过渡效果
• 仍处于启用状态的视差效果
• 未停止的自动播放视频或轮播内容
• 任何不具备功能目的的动态效果

第 2 步：测试对比度和颜色偏好

启用 prefers-contrast (more) 和 forced-colors 模式。使用 user-preference-respect 和 colour-independence，记录：

• 变得不可见或难以区分的元素
• 消失的焦点指示器
• 丢失边框的交互元素
• 变得毫无意义的纯颜色状态指示器
• 变得难以辨读的图表或可视化内容

第 3 步：测试配色方案

在浅色模式和深色模式之间切换。记录：

• 在某种模式下变得难以辨读的内容
• 未能适配的图像或图标
• 与主题冲突的硬编码颜色
• 特定于某种模式的对比度问题

第 4 步：测试文本缩放和缩放比例

使用 responsive-accessibility，测试浏览器缩放至 200% 以及系统字体大小设为最大时的情况。记录：

• 溢出或被裁切的文本
• 错乱或重叠的布局
• 出现的水平滚动
• 截断内容的固定高度容器
• 无法触及的交互元素

第 5 步：测试组合情况

测试以下常见组合：

• 深色模式 + 高对比度 + 减少动态效果
• 200% 缩放 + 大号系统字体
• 强制颜色 + 减少动态效果

记录仅在组合使用时才会出现的问题。

输出

提交一份审计报告：

1. 摘要 — 哪些偏好得到遵循，哪些被忽略
2. 逐项偏好调查结果 — 每项偏好的具体问题
3. 组合问题 — 仅在启用多项偏好时才出现的问题
4. 修复清单 — 按严重程度及受影响用户人数排序

严重程度定义：

• 严重 — 完全忽略偏好，造成伤害或阻碍访问
• 重大 — 部分遵循偏好，但仍存在显著问题
• 轻微 — 基本遵循偏好，但需要修复边缘情况