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