2.0 版——2026 年修订扩充

通用之网.

面向屏幕文本无障碍的字体排印指南。始于罗德岛设计学院、由 Markle Foundation 资助,如今为现代 Web 而修订:高密度显示屏、可变字体、WCAG 2.2,以及二十年来的全新易读性研究。

本页面借助 AI 辅助翻译。英文原文为权威版本。

目录

  1. 01引言对「通用网络」指南的二十年修订:以高密度显示屏、可变字体、WCAG 2.2 与现代响应式网页为参照,重新检验 2005 年的排版无障碍研究结论。8 min read
  2. 021.0 字母决定屏幕上字形易读性的设计因素——风格、字重、倾斜、宽度与间距——并针对高密度渲染、字腔研究与可变字体轴进行了更新。9 min read
  3. 031.1 字体风格为什么 2005 年“屏幕上使用无衬线体”的规则在高分辨率显示器上不再成立——以及应当转而评估什么:x字高、字腔开口、字母区分度与渲染质量。9 min read
  4. 041.2 字号从固定的 14 磅下限到一套有韧性的系统:以 16px 作为正文下限、尊重用户偏好的 rem 尺寸、WCAG 1.4.4 的调整大小要求,以及使用 clamp() 的流体缩放。9 min read
  5. 051.3 字重为 2026 年重建的「常规至略粗」法则:连续的可变字重轴、借助字级实现的深色模式字重补偿、极细字重的流行问题,以及字重与 WCAG 对比度的相互作用。10 min read
  6. 061.4 字体倾斜直立的罗马正体依然是连续文本的正确选择;斜体只属于简短的强调片段,而真斜体在任何时候都胜过合成的伪斜体。9 min read
  7. 071.5 字宽常规至略窄的字宽仍然最为易读;可变 wdth 轴如今让字宽成为一件响应式设计工具——前提是绝不用水平缩放来伪造它。10 min read
  8. 081.6 精选字体按可测量的易读性标准——x字高、字腔开口、字符区分度、字间距——来选择字体,而非按名字选择,并以有依据的怀疑对待“无障碍字体”的营销宣称。10 min read
  9. 092.0 单词面向屏幕阅读的单词层面可读性——大小写、间距、行长、层级与平实写作——建立在对眼睛与心智真实阅读方式的现代理解之上。10 min read
  10. 102.1 单词大小写连续文本仍应使用句式大小写——但词形解释已经死亡;读者并行识别字母,全大写读得更慢是出于练习程度和字母相似性,而非轮廓。10 min read
  11. 112.2 字偶距与词距字偶距与词距如何塑造屏幕上的阅读,为什么没有断字的两端对齐至今仍然失败,以及 WCAG 1.4.12 对你的间距决策提出了什么要求。10 min read
  12. 122.3 字距字母间距与字号相关:它有利于小型大写与标签,通常有损正文,并且必须容忍 WCAG 1.4.12 保障的用户覆盖。9 min read
  13. 132.4 行距屏幕阅读的行距设定:无单位的 CSS line-height、WCAG 1.4.12 对容忍 1.5 行高的要求,以及为什么合适的数值取决于行长。9 min read
  14. 142.5 行长55–65 字符的行长在二十年后依然成立,如今可以用 ch 单位在 CSS 中直接表达,并受 WCAG 的 80 字符指导与 320px 回流要求的约束。9 min read
  15. 152.6 字体层级2026 年的字体层级:使用 clamp() 的模数化流体比例、WCAG 1.3.1 所要求的结构化标题语义,以及不再仅靠字号、而由字重与留白共同构建的层级。10 min read
  16. 163.0 色彩与对比度对比度比值如何运作,WCAG 2.x 的计算公式在哪些方面存在不足,以及为什么对每一位读者而言对比度并非越高越好。10 min read
  17. 173.1 深色模式与阅读表面显示极性研究对浅色与深色阅读表面的结论、两者各自服务的人群,以及如何构建一个始终保持易读的深色主题。9 min read
  18. 183.2 可变字体可变字体如何把字重、宽度和光学字号变成服务于易读性、性能与读者个性化的连续调节工具。9 min read
  19. 193.3 流体与响应式排版流体字号缩放、容器查询与现代 CSS 文本控制如何服务每一种屏幕,同时不覆盖读者自己的设置。9 min read
  20. 203.4 动效与阅读为什么移动的文字是不可读的文字,动画如何对前庭敏感的读者造成实际的身体伤害,以及尊重读者的动效是什么样子。10 min read
  21. 213.5 阅读与认知文本的认知无障碍:平实语言、关于阅读障碍字体的诚实证据,以及作为真正前沿的个性化。11 min read