创建和设计无障碍内容不仅仅是选择易于阅读的字体。即使使用无障碍字体系列,低视力、认知障碍、语言障碍和学习障碍人士也可能难以处理文本,因为字体变体、大小、间距和字距调整等其他元素也会造成影响。
本模块将介绍一些基本的设计注意事项,以帮助您制作更具包容性的内容,并覆盖更多受众。
字体
字体是影响文案无障碍功能的一个主要因素。您选择的字体和样式可能会成就或毁掉任何页面设计。
患有阅读障碍、学习障碍和注意力障碍(如阅读障碍和注意力缺陷多动障碍 [ADHD])的人士以及低视力人士都可以从无障碍字体中受益。
选择常用字体
创建无障碍设计的最快方法是选择常用字体(例如 Arial、Times New Roman、Calibri、Verdana 等)。
许多针对残障人士的字体研究 表明,与非常用 字体相比,常用字体可以提高阅读速度并加深理解程度。虽然常用字体本身并不比其他字体更具无障碍功能,但一些残障人士在阅读这些字体时会更轻松,因为他们有很多使用(或处理)这些字体的经验。
除了选择常用字体外,请务必避免使用华丽或手写字体,以及仅提供一种字符大小写形式的字体(例如,仅提供大写字符)。这些特殊字体采用手写体设计、奇特的形状或艺术特色(如细线),看起来可能很漂亮,但对于一些残障人士来说,它们比常用字体更难阅读。
字母特征和字距调整
关于衬线字体或无衬线字体是否更易于 阅读的研究尚无定论, 但某些数字、字母或组合可能会让 患有语言学习障碍和认知障碍的人感到困惑。对于患有这些类型障碍的人来说,每个字母和数字都必须清晰定义并具有独特的特征,这样字母就不会与数字混淆。
常见的可读性问题包括大写字母 I(India)、小写字母 l
(lettuce)和数字 1。同样,对于某些读者来说,字母对(如 b 和 d、p 和
q、f 和 t、i 和 j、m 和 w 以及 n 和 u)可能会
左右或上下颠倒。
当字母间距或字距调整过紧时,文案的可读性也会降低。请特别注意字距调整,尤其是在有问题的字母对 r/n 之间。否则,“yarn”等字词可能会变成“yam”,或者“stern”变成“stem”,从而完全改变文案的含义。
Google Fonts 等开源字体集合可以 帮助您为下一个设计选择最具包容性的字体。 如果您使用 Adobe 产品,可以直接将字体合作伙伴 提供的无障碍字体系列嵌入到您的设计中,其中包括部分 Google Fonts。
在寻找下一个字体时,请特别注意以下几点:
- 尽可能使用常用字体。
- 避免使用华丽或手写字体,以及仅提供一种字符大小写形式的字体。
- 选择具有独特特征的字体,特别注意大写字母 I、小写字母 l 和 1。
- 检查某些字母组合,确保它们不是彼此的镜像。
- 检查字距调整,尤其是在 r 和 n 字母对之间。
字体大小和排版样式
人们通常认为,选择无障碍字体系列就是创建包容性内容的全部内容,但考虑字体大小以及页面上文本的样式也很重要。
例如,低视力或色盲人士可能无法阅读某些文案(如果文案太小),需要使用辅助技术(例如浏览器缩放)来阅读文案。其他用户(例如患有阅读障碍或阅读障碍的人士)可能难以阅读斜体文本。屏幕阅读器通常会忽略粗体和斜体等样式方法,因此这些样式的意图不会传达给盲人或低视力用户。
h2 {font-size: 16px;}h2 {font-size: 1rem;}由于您无法预测每位用户的需求,因此在向网站和 Web 应用添加字体时,请务必考虑以下准则:
- 基本字体大小应使用相对值(%、rem 或 em)定义,以便调整大小。
- 限制字体变体的数量(例如颜色、粗体、全部大写和 斜体),以提高可读性。请改用其他方法来强调文案中的字词,例如星号、短划线或突出显示单个字词。
- 尽可能在图片上使用标记,而不是文本。屏幕阅读器无法读取图片上的嵌入文本(除非添加了额外的代码),并且嵌入文本在低视力用户放大时也会变得像素化。
结构和布局
虽然字体、字体大小和排版样式对于无障碍 排版非常重要,但页面上文案的 结构 和布局对于用户的理解同样重要。
复杂的布局可能会给低视力人士、阅读 障碍人士以及美国 610 万患有 ADHD 的人士带来真正的障碍。 由于缺乏清晰的线性路径、缺少标题以及元素未分组,这些类型的障碍会使人们更难保持位置并遵循文案的流程。
无障碍布局设计的一个重要方面是使关键元素彼此区分开,并将相似的元素分组在一起。如果元素过于接近,则很难区分一个元素的开始和结束位置,尤其是在它们的样式相似的情况下。
将您的文案视为大纲上的一系列单独的项目符号。这将有助于您规划整体页面结构,并让您能够在适当的时候使用标题、副标题和列表。
间距
段落、句子和字词间距 有助于读者专注于文案,并提高页面的整体 视觉理解度。对于残障读者来说,长行文案可能会成为障碍,因为他们难以保持位置并遵循文案的流程。
狭窄的文案块可让读者更轻松地继续阅读下一行。
内容对齐方式
许多残障人士的另一个困扰是阅读两端对齐的文案。两端对齐的文案中字词之间的间距不均匀,可能会在页面上形成“空格河流”,使文案难以阅读。
文本两端对齐还可能导致字词以不自然的方式挤在一起或拉伸,因此读者可能难以找到字词边界。
幸运的是,有一些关于间距的明确准则,以及 Good Line-Height和 Golden Ratio Calculator等工具,可以帮助我们制作更具无障碍功能的文案 。遵循这些准则有助于患有注意力缺陷障碍、阅读障碍和视觉障碍的人士更专注于文案,而不是布局。
结构和布局的最佳实践
在考虑结构和布局时,请务必:
- 使用标题、副标题、列表、数字、引用块和其他视觉分组等元素将页面分成多个部分。
- 使用明确定义的段落、句子和字词间距。
- 构建宽度小于 80 个字符的文案列(表意文字为 40 个字符)。
- 避免使用两端对齐的段落对齐方式,这种方式会在文案中形成“空格河流”。
无障碍排版要点
无障碍排版可以归结为基于您对用户需求的了解而做出的常识性设计选择。在设计和构建内容时牢记本模块,将有助于您与尽可能多的人清楚地沟通。