本页面借助 AI 辅助翻译。英文原文为权威版本。
2005 年,"通用网络"项目(Universal Web Project)着手回答一个实际问题:屏幕上的文字应当如何排布,才能让低视力人群——推而广之,所有人——真正读得下去?最初的指南依据的是二十世纪的平面设计原则和当时的显示技术:粗糙的 CRT 与早期 LCD 面板、屈指可数的屏幕优化字体,以及至多把字号当作一种建议来对待的浏览器。
二十年后,那项研究所依赖的几乎每一条假设都已改变。这一第二版重访了每一条结论,保留了经受住考验的部分,修订了没有经受住的部分。
动机没有变。低视力仍然是一种无法矫正的视力缺损,多数源于青光眼、黄斑变性等与年龄相关的疾病。随着人口老龄化,依赖排布良好的屏幕文字的读者只会增多而不会减少。变化在于:屏幕阅读不再是纸张的降级替代品。对许多人来说,它是唯一重要的阅读环境——而且配置得当时,它如今可以是更无障碍的那一个。
2005 年以来的变化
最初的指南写给以约每英寸 96 像素渲染文字的屏幕,一个字形也许只有十来个像素可用。在那样的条件下,研究偏向结实的无衬线体、宽裕的字号和防御性的简洁。四项发展迫使我们重新思考。
第一,显示密度。高 DPI 面板——通常每个 CSS 像素对应二至三个设备像素——以接近印刷的细节渲染字形。纤细的衬线、微妙的笔画调制和真正的意大利体如今能在屏幕上存活,这在 2005 年根本不可能。最初的多条建议是在补偿如今对多数用户(但并非所有用户)已不存在的渲染限制。
第二,字体本身。可变字体把字重、字宽、光学字号,有时还有字级,放到了可由 CSS 控制的连续轴上。曾经二选一的决定——常规还是粗体、这个家族还是那个家族——如今可以微调,并能响应语境:深色模式、小字号、用户偏好。
第三,标准的版图。《Web 内容无障碍指南》历经 2.0、2.1、2.2 走向成熟,为文字缩放(1.4.4)、回流(1.4.10)、文本间距(1.4.12)和对比度(1.4.3 与 1.4.11)提供了可测试的成功准则。与此同时,WCAG 3.0 草案及其背后的 APCA 对比度研究正在重新思考对比度、字号与字重如何相互作用——这是 2005 年的指南只能隐约触及的问题。
第四,CSS 长大了。尊重用户默认设置的 rem 字号、使用 clamp() 的流式字号、无单位的 line-height、基于 ch 的行长、font-size-adjust、text-wrap,以及 prefers-color-scheme 和 prefers-reduced-motion 之类的媒体查询,为设计师提供了直接的、基于标准的工具,去实现最初的项目只能在原则层面提出的种种适配。
经受住考验的部分
并非一切都需要修订。核心论点——易读性建立在字母与单词的层级上,而多数读者察觉不到的选择对低视力读者具有决定性——只是变得更加坚实。大 x字高、开放的字口、彼此分明的字形、充足的字号、适中的字重和宽裕的间距,依然是承重的建议。关于阅读与视敏度的研究持续支持它们。
变化的是理由。2005 年我们推荐无衬线体,主要因为衬线渲染得很糟糕;如今衬线与无衬线之争的分量远不及 x字高与字形区分度。我们曾推荐 14 磅,因为更小的文字在粗糙屏幕上会散架;如今主张 16px 底线的论据在于用户默认设置、缩放行为和 WCAG 合规,而非像素网格。凡是保留下来的建议,本版都尽力给出它的现代理由——因为一条论据已经过期的指南,往往会被糟糕地执行。
本版的结构
结构沿用原版从最小单位到最大单位的推进顺序,并有一处增补。
第一部分"字母",讨论单个字形的易读性:风格、字号、字重、倾斜、字宽与间距,并针对高密度渲染与可变字体技术做了更新。
第二部分"单词",转向连续文本中单词的辨认:大小写、间距、行长与阅读的机制——眼动研究在这里修正了我们过去的许多假设。
第三部分"页面",是本版新增的内容。2005 年,页面层级的控制手段过于粗糙,无从标准化。如今,响应式布局、流式字号体系、用户偏好媒体查询、深色模式与回流要求使页面成为一等的无障碍界面,值得单独论述。
在 CSS 中
/* The reading defaults every page can start from */
html { font-size: 100%; } /* honor the reader's browser setting */
body {
font-size: 1rem; /* never below the 16px default */
line-height: 1.5;
}
article { max-width: 65ch; }
建议
- 把 2005 年的指南视为有历史依据、但与特定渲染条件绑定的结论;应用前逐条对照当前显示设备加以验证。
- 以 WCAG 2.2 成功准则为可测试的底线来构建,同时关注 WCAG 3.0 草案与 APCA 研究,把握对比度指导的走向。
- 使用平台自带的无障碍机制——rem 单位、用户偏好媒体查询、便于回流的布局——而不是用脚本重新发明这些适配。
- 记住服务的对象:对多数读者而言如今属于锦上添花的东西,对低视力读者依然是不可或缺的基础设施。