WebAIM  - 无障碍记

字体和字体

介绍

字体被设计文本字符,如宋体,黑体和宋体组。字体是子集具有一致外观的字体,例如在Arial字体的字体一个14点和粗体的。排版,字体怎么和字体目前文本的阅读,这是视觉无障碍的核心组成部分非常有影响力的。

本文主要侧重于字体和字体。要了解更多关于排版和布局的其他方面,请参阅文/排版布局

字体的可读性

当阅读文本,大多数人不读或分析单个字符或什字。相反,眼睛快速通过文本和解析图案和其几乎瞬时转换成由人脑意字符(在时间通常6-9个字符)的组扫描。这种潜意识过程使我们能够阅读和理解课文内容很快具有高度的理解,即使我们没有看到,甚至或字符和单词的思考。

只有当字符或单词不熟悉或引进一个障碍是直接模式对意义的过程,我们必须停下来更仔细地检查或处理的字符或单词。为了获得最佳的可读性和可理解性,关键是要避免这些干扰。

一些原则需要考虑:

  1. 使用简单,熟悉,并很容易地解析的字体。
  2. 避免字符的复杂性
  3. 避免歧义字
  4. 使用字体,字体和字体变化的数量的限制。
  5. 考虑间距和重量。
  6. 确保有足够的,但不要太多,文本和背景之间的反差。
  7. 避免小字体大小和其他反模式。

使用简单,熟悉,并很容易地解析的字体

操作简单,熟悉的字体是最容易分析和阅读,因为心里已经或可以快速生成形状和文本模式的典范。不熟悉的或复杂的字样需要额外的时间和方向,从而导致字符或词的解析(其是缓慢的,认知激烈),而不是图案/块的解析(其是快速和较少的负担)。

不存在最好字体或字体。专家们不同意其字体提供最佳的可读性。一些长期持有的信念,如想法,无衬线字体上观看屏幕和serif字体更好更好的打印是过时的,由于高分辨率显示器的流行。无论如何,在简单字体是至关重要的。该字体应该熟悉或易于分析,这样我们很快就熟悉了。在现代操作系统提供许多常见和标准字体满足这些要求。

同样,没有一个字体,这将是最佳的有读写障碍的所有用户。

字体的选​​择应与音,消息和内容的品牌保持一致。在银行网站上使用的卡通字体,例如,可能会破坏信任和专业用户所期望的感觉。考虑这两个商标文字相同,但不同的字体之间的差异。

两个标识与WebAIM银行和信托公司的文本。我们认真对待你的钱。我们承诺!第一种使用黑板和卡通字体。第二种是使用无衬线字体,是比较常见的银行标识。

哪些银行,你会更信任你的钱?

避免字符的复杂性

更简单的形状和印刷文字图案更加迅速,准确地通过人的头脑分析。小心复杂的字体,尤其是对文本的长款。

复杂,装饰字体VS更简单,衬线字体的说明。

避免歧义字

当字体内字形或字符显示类似到另一个,这会引入模糊必须由大脑进行处理,从而影响阅读速度和理解。

在不同的字体字母C的图示VS O操作。

上面的文本说明共同的歧义。大写字母“C”和“O”和小写字母“E”,并在宋体字体看起来非常相似,由于在字母非常狭窄的开口“O”。这是对比的较宽的开口,并在打开三世字样“C”和“O”和“e”和“o”之间的更明显的差异。

资本我的图示VS小写升VS在不同的字体数1。

类似地,大写字母“I”,小写字母“L”,以及数字“1”出现在吉尔三世几乎相同,但更容易彼此宋体区分。即使宋体是复杂一点,这个小的复杂性有助于角色的歧义。

使用的字体,字体和字体变化的数量限制

每次遇到一个新的字体,字体,或字体变化的时候,你的心必须更快地构建了文字和图案的地图或模型,然后解析单词和过程的意义。这需要认知的精力和时间。如果字体是已经熟悉,这个开销被降低。

表示词语的说明“每一个新的字体引入了额外的认知开销”在多个字体。

在同一个文档或网页使用各种字体时一定要小心。确保字体/字体与类型的内容,诸如一个字体或字体标题和另一个用于正文文本对齐。

考虑间距和重量

足够信和字间距可以通过提供相邻的字符和单词之间的更大的分离和清晰度提高可读性。当字母或单词显得非常接近对方,可以引入混乱。

示出非常紧密间隔的字符的示意图。这个词“鳕鱼”或“酷”?

另外,该重量(意味着字形的厚度)也可以影响感知性和可读性。

在非常薄/轻字体粗细的图示相对于标准字体粗细。

WCAG文字间距

需要的是,当用于段的端用户覆盖页面样式间距的字体大小,文本行的高度/间距的字体大小的150%的200%没有的内容或功能损失发生WCAG,字间距的字体大小的16%的和字母间距的字体大小的12%。确保您的网页文字可以没有它消失或重叠其他页面的内容进行修改。

确保有足够的,但不要太多,文本和背景之间的反差

文字更容易阅读时,有文字和背景之间有足够的对比度或亮度差。该网页无障碍定义足够的文字对比的措施。工具如WebAIM的色彩对比检查可以很容易地检查对比,并确定WCAG合规性。

显示文字太少,太多的说明,以及足够的反差。

在白色背景上的黑色文本是对网页内容的默认,但这个组合能感受到鲜明而疲于奔命,尤其是对文本的长款。反差太大可能会引入光晕或文本字符这可能会影响可读性,特别是对一些有读写障碍的回声。虽然WCAG不具有最大对比度阈值时,你可能想风格的文本略低对比度。此页面,例如,使用白色的略微降低对比度非常暗灰色的身体文本颜色。

避免小字体大小和其他反模式。

除了文字间距,体重,和对比度,文字的大小对可读性显著的影响。虽然WCAG没有最小字体大小的要求,但它仍然是一个有效的可用性的考虑。

相对字体大小(例如百分比或EMS)提供相比绝对单位(例如,像素或点)修改所述视觉呈现更多的灵活性。

字体大小选择也影响行每行中出现的字符长度的数量。线长和其他文本布局的考虑覆盖在WebAIM的文/排版布局的文章

一个例证呈小,所有的粗体,斜体一切,和所有大写文本。

小心那是完全加粗,斜体文字较长的部分,资本,或非典型的方式风格。这些字体的变化可以使文字更加难以阅读和每一个新的变化,需要用户的一些方向。

真实文本与文本中的图形

真正的文本在图像中的文本提供了许多优势。当呈现的内容作为真正的文本 - 这意味着在网页渲染的文本字符页面,这是很适应。用户可自定义为更好的可读性,如通过调节线,字,和字符间距,改变字体,改变文本的颜色,而不保真度的损失增加文字大小,并翻译成其它语言。此外,真正的文字可以被复制并粘贴,适应不同的屏幕尺寸,是与搜索引擎和低带宽环境等更兼容

当文本而不是图像中定义的,它失去了大部分的适应性。该网页无障碍要求如果相同的视觉呈现可以单独使用文本进行,图像不用于呈现文本。

图像内的文本可以变得更像素化,块状,且不易当放大时,如可能需要通过与一些视觉残障用户阅读。

这个词“大学”,这是难以阅读的像素化图像

上面的字“大学”的放大图像难以阅读,因为它已成为像素化。

嵌入字体

现代浏览器允许字体嵌入,一个CSS技术,可以在浏览器下载tfonts并在这些字体的面孔,然后显示文本。虽然大多数系统级字体被设计用于可读性的一些层面上,很多定制设计的字体都没有。应注意在使用字体和维持高水平的可读性的字体。简单地改变字型对屏幕阅读器或其他类型的可访问性没有影响,只要实际的基础文本保持在一个可访问的格式。万博体育官网网址