标准 · WCAG 2.2

SC 1.4.8 级别 AAA WCAG 2.0

视觉呈现

对于文本块,用户必须能够控制前景色与背景色、行宽(最多80个字符)、对齐方式(不允许两端对齐)、行间距(1.5倍)和段落间距(1.5倍行高)——在200%缩放时无需水平滚动。

要求内容

对于长篇文本内容,本成功准则包含五项要求:用户可以自选前景色和背景色;行宽不超过80个字符(中文、日文、韩文为40个字符);文本不使用两端对齐;段落内行间距至少为1.5倍,段落间距至少为行高的1.5倍;文本可在不借助辅助技术的情况下放大至200%且无需水平滚动。

如何满足

  • 将正文阅读列宽限制在每行约60至75个英文字符。
  • 使用左对齐文本(RTL语言则使用右对齐),切勿使用 text-align: justify
  • 正文 line-height 至少设为1.5,并在段落之间使用充裕的 margin-bottom
  • 提供用户可设置的主题,或遵从 prefers-color-scheme,使前景色与背景色可由用户控制。
  • 在200%缩放下进行测试:文本应在列内自动换行,不出现水平滚动。

常见失误

  • 杂志风格的两端对齐文本列产生”空白河流”,降低阅读速度。
  • 正文文本置于宽容器中,每行超过120个字符。
  • line-height: 1.2 的正文行距过紧,妨碍低视力用户阅读。
  • 既无主题切换器,又不遵从 prefers-color-scheme

为何重要

本准则为AAA级,鲜少作为合同要求。但其核心建议——短行、充裕间距、不使用两端对齐——本就是优良排版的体现。满足本成功准则,是以可读性而非信息密度为设计出发点的自然结果。