活版印刷术

创建和设计无障碍内容不仅仅是选择一个 易于阅读的字体。即使是无障碍字体系列,低视力用户 认知、语言和学习障碍的人可能难以处理 字体变化、大小、间距和字距调整等其他元素的影响, 列举几个。本单元将介绍设计时需要考虑的基本注意事项, 让内容更具包容性,覆盖更多用户。

字体

对文字的可访问性有重大影响的一个主要因素是字体。您选择的字体和样式可以决定任何页面设计的效果。

患有阅读、学习和注意力障碍(如阅读障碍和注意力缺陷多动障碍 [ADHD])的人,以及低视力人士,如果使用无障碍字体,这些人都会受益。

选择常用字体 要打造无障碍设计,最快的方法是选择常用的字体(例如 Arial、Times New Roman、Calibri、Verdana 等)。

许多针对残障人士的字体研究表明,与不常见的字体相比,使用常见字体的阅读速度和理解水平更高。虽然这些常见字体本质上并不比其他字体更易于阅读,但某些残障人士在使用这些字体(或在其周围使用)方面拥有丰富的经验,因此阅读起来会更加轻松。

除了选择常用的字体外,一定要避免使用华美或手写的字体,以及只有一种字符大小写(例如,只含大写字符)的字体。这些具有草书设计、新奇形状或细线等艺术特征的特殊字体看起来可能很美观,但对某些残障人士来说,这些字体比常见字体难以阅读。

字母特征和字距调整

关于 Serif 字体或 Sans Serif 字体是否更容易 read 无法判定, 但某些数字、字母或组合可能会让人 有语言学习和认知障碍的用户。 对于这些残障人士,每个字母和数字都必须 具有明确定义且具有独特性,因此字母不会混淆 并替换为数字。

常见的易读性违规内容是大写的“I”(印度),小写的“l” 以及数字“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 字母对之间的字距。

字体大小和排版样式

人们常常认为,要想创建包容性内容,仅凭挑选一个易于使用的字体系列就行了,但考虑字号以及网页上的文本样式也很重要。

例如,如果某些副本过小,使用浏览器缩放等 AT(例如浏览器缩放)阅读,则弱视或色盲用户可能无法阅读。而其他用户(例如有阅读障碍或阅读障碍的用户)可能难以阅读斜体文字。屏幕阅读器通常会忽略样式方法(例如粗体和斜体),因此这些样式的意图不会传达给盲人或低视力用户。

错误做法
h2 {font-size: 16px;}
正确做法
h2 {font-size: 1rem;}

由于您无法预测每位用户的需求,因此在向您的数字产品添加字体时,请务必遵循以下准则:

  • 定义基本字体大小时,应使用相对值(%、rem 或 em) 以便轻松调整大小
  • 限制字体变体的数量,如颜色、粗体、全大写和 斜体以提高可读性。相反,您可以使用一些方法来强调单词, 例如星号、短划线或突出显示某个字词。
  • 尽可能在图片上使用标记,而不是文本。屏幕阅读器不能 读取图片中的嵌入文字(无需额外添加代码),以及嵌入文字 在被低视力用户放大时,图像也可能会像素化。

结构和布局

字体、字号和排版样式对于无障碍设施而言 排版、 结构版式上 网页对用户的理解可能同样重要。

对于弱视、阅读障碍的用户来说,复杂的布局可能会成为一种真正的障碍 以及美国 610 万多动症患者。 这些类型的残疾使得人们更加难以 因为没有清晰的线性路径,所以要把握广告节奏, 缺少标题和未分组的元素。

对于无障碍布局设计的一个重要方面是 并将相似的元素组合在一起。如果 元素之间距离太近,可能很难分辨某个元素的起始位置 尤其是在它们具有相似的样式时。

您可以将文案看作是页面上的各个要点的集合, 大纲。这有助于您规划整体网页结构 以便在适当的时候使用标题、子标题和列表。

间距

段落、句子和字词间距也很重要,因为它有助于读者将注意力集中在文案上,并且增强网页的整体视觉理解。对于残障读者来说,冗长的文案可能会成为一种障碍,因为他们难以保持位置和遵循文案的流畅性。较小的文案片段更便于读者继续浏览下一行。

内容对齐方式

许多残障人士的另一个困扰是阅读是合理的 复制。在两端对齐的文案中,字词间的间距不均匀可能导致“ 太空”使文字难以阅读

文本对齐方式也可能会导致字词堆在一起或 以不自然的方式拉伸,因而读者很难找到 边界。

幸运的是,我们针对间距和工具设定了明确的准则,例如良好行高黄金比率计算器,使我们的文案更易理解。采用这些准则有助于存在注意力缺陷障碍、阅读障碍和视力障碍的用户将更多精力放在文案和版式上。

有关结构和布局的最佳实践

在考虑结构和布局时,请务必:

  • 使用标题、子标题、列表、数字、引号块和 按其他可视化分组方式将网页分为多个部分。
  • 使用明确定义的段落、句子和字词间距。
  • 构建文案列,宽度不超过 80 个字符 (40) 字符)。
  • 避免两端对齐,以免形成“错综复杂的空间”范围内 副本。

无障碍排版要点

无障碍排版可以归结为基于常识的设计选择, 根据您对用户的了解需求。在进行学习时,请牢记本单元的内容 设计和制作内容将大有帮助 能够与尽可能多的人进行清晰明确的沟通。

检查您的理解情况

测试您对衡量无障碍功能的掌握情况

对于易读的文案,我应始终在文案和背景之间采用高对比度。

正确。
虽然高对比度对某些视障人士来说可能很有价值,但其他人可能身患残疾,使高对比度内容难以阅读。
错误。
如果内容的对比度过高,部分残障人士将无法阅读您的内容。如果可以,请允许用户的操作系统设置来确定对比度。

哪些字体最适合用于无障碍功能?

系统字体,如 Arial 和 Verdana。
与不常见字体相比,常用字体的阅读速度较快,理解水平也更高。
易于使用的字体。
无障碍字体集合(例如 Adobe Fonts 上的 Google Foundry)可以帮助您为新的设计选择最具包容性的字体。
没关系。
您选择的字体可能会影响可读性。避免使用精心设计的文字和艺术字体。