阅读障碍读者的字体设计和排版选择?

平面设计 字体 排版 可访问性
2021-12-29 02:49:28

我最近偶然发现了一种专为阅读障碍读者设计的字体(OpenDyslexic)它解释了它是如何工作的:

字母的底部很重,可以为每个字母添加一种“重力”,帮助您防止大脑以使它们看起来像其他字母的方式旋转它们。

在此处输入图像描述

我想知道:

  • 字体背后是否还有其他专门针对阅读障碍者的设计原则?(非常感谢有关此类设计原则有效性的研究链接。)
  • 是否还有排版技巧可用于使整个文本(或页面)块对阅读障碍读者更具可读性?我可以想象诸如调整字距调整或小的随机基线修改之类的事情可能会有所帮助……
1个回答

有一篇很棒的文章叫做为阅读障碍而设计,它分为三个部分。第 3 部分是关于排版:

  • 第 1 部分(阅读障碍的定义、人口规模、影响/影响)
  • 第 2 部分(较低的颜色对比度和视障用户)
  • 第 3 部分(排版、布局、语言风格、信息架构、屏幕阅读器)

这是摘录,我剪掉了一些“亮点”,但整篇文章都很棒,值得一读。

设计对阅读障碍友好的页面不仅仅是降低颜色对比度。从好的方面来说,这些更改可能会对所有用户的页面可读性产生积极影响。

行宽

较短的行长和较窄的文本列使阅读更容易。考虑为文本区域设置百分比宽度,并通过 CSS 将边距设置为“0 auto”。然后页面边距将在更宽的屏幕上按比例增加。

线高

大多数浏览器的默认行高约为 1em。这通常会导致紧密排列的文本行。将行高增加到 1.3em 左右可以立即使较长的文本行更易于阅读。

字体大小

文字越小,阅读起来就越困难。以绝对单位指定字体大小,您还将取消用户在其浏览器中调整文本大小的能力。

字体

如果可能,请使用无衬线字体。衬线字母主要笔画上的装饰性“钩子”可能会给阅读障碍用户带来额外的问题。单词中可识别的字母可能看起来相距太远而无法“看到”整个单词。这也可能是由于单词之间的间距过小而难以阅读。

如果您必须使用公司衬线字体,请考虑稍微减少字母间距,以便单词中的字母更靠近,但增加单词间距以在单个单词之间创建稍大的距离。

合理与否?

对齐的文本可以产生令人愉悦的视觉效果。但是,它通过在各个单词之间引入可变间距,在文本的两侧实现了漂亮的直线。

对于阅读障碍的读者来说,这可能是灾难性的!单词之间的不均匀空间会造成难以忽视的视觉干扰。结果,读者反复失去他/她的位置。不合理的文字,虽然乍一看不太吸引人。更容易阅读。

谨慎使用斜体

当在网页上使用斜体字体时,与非斜体字体相比,单个字母可能会有轻微的锯齿线。这种“像素化”,再加上它们的“向左倾斜”,使阅读障碍者难以阅读。如果文本也很小,效果会更加复杂。

谨慎使用斜体,并为重要的单词考虑粗体文本。它们会更容易阅读。


一些“额外”

英国阅读障碍协会在其风格指南中也有一些指导方针

阅读障碍者的阅读障碍字体

阅读常规字体以进行有效的阅读和写作