无障碍不是功能,而是立场
在明阅,无障碍从来不是需求列表里的一项,而是做每一个决定的前提。字号的判断权交给读者,行距的松紧由你决定,焦点的位置永远可见。我们相信,一座不设台阶的图书馆,不需要解释自己为什么没有台阶。
高对比也不是丑的借口。深墨色的文字落在安静的白纸上,本身就是一种克制的庄重。我们把每一个颜色组合的对比度算清楚、写明白,不靠感觉,只靠数据。
字号与行距不该由设计师替你决定。下面的调节器真实可用,设置仅保存在你的浏览器本地,并即时作用于整个页面与右侧试读样例。
在明阅,无障碍从来不是需求列表里的一项,而是做每一个决定的前提。字号的判断权交给读者,行距的松紧由你决定,焦点的位置永远可见。我们相信,一座不设台阶的图书馆,不需要解释自己为什么没有台阶。
高对比也不是丑的借口。深墨色的文字落在安静的白纸上,本身就是一种克制的庄重。我们把每一个颜色组合的对比度算清楚、写明白,不靠感觉,只靠数据。
以下表格逐项列明数据的去向与保留期限。我们不做定向广告,不出售数据,也不把阅读行为拼接成画像。表中标记为否的项,代表该类数据从采集环节就不存在,而不是存在但默认关闭。
| 数据项 | 是否收集 | 去向与保留期 |
|---|---|---|
| 邮箱地址 | 是 | 仅用于发送周报,退订后 24 小时内删除 |
| 字号与行距设置 | 是 | 仅保存在你的浏览器本地存储,不上传服务器 |
| 阅读进度 | 是 | 仅保存在本机,换设备不会跟随 |
| 精确位置 | 否 | 不采集 |
| 设备广告标识符 | 否 | 不采集 |
| 阅读内容兴趣画像 | 否 | 不采集,也不用于任何形式的推荐 |
每周一封,精选无障碍设计与数字伦理的实践案例。下面这份表单是标签与错误提示的模范实现:错误就地提示并朗读,焦点自动落到第一个出错的控件。
本页使用的每一种文字颜色组合都经过算法实测,全部高于 7:1。我们不展示做不到的数字,也不省略做不到的部分。
| 颜色组合 | 用途 | 实测对比度 | 结论 |
|---|---|---|---|
| 墨色 #0F172A 落在纸白 #F8FAFC | 正文文字 | 17.0:1 | 达标(AAA) |
| 纯白 #FFFFFF 落在深蓝 #1E40AF | 主按钮文字 | 8.7:1 | 达标(AAA) |
| 深紫 #5B21B6 落在纯白 | 小节导语 | 9.0:1 | 达标(AAA) |
| 墨色 #0F172A 落在琥珀 #EBAD25 | 重点标记 | 8.9:1 | 达标(AAA) |
| 石板灰 #334155 落在纸白 | 辅助说明文字 | 9.9:1 | 达标(AAA) |
| 淡蓝 #A5C8FF 落在墨色 #0F172A | 深色页脚链接 | 10.4:1 | 达标(AAA) |
深墨与纸白之间 17:1 的落差,让文字自己站到台前。对比度不是妥协后的结果,而是这份设计落下的第一笔。
用 Tab 键在本页走一圈,每个可交互元素都会出现 3px 的清晰描边与 2px 留白。焦点环不是瑕疵,而是键盘用户的路标。
坐标轴从零起步,百分比写明分母,样本不足就直说。不裁剪、不放大的呈现方式,是数字伦理的最低标准。