美文网首页
设计的可访问性——阅读障碍

设计的可访问性——阅读障碍

作者: 嘎嘎开心 | 来源:发表于2022-06-08 00:16 被阅读0次

    据全球统计,出现阅读障碍症状的人数高达 20%,而这个比例甚至高于视力有问题的人数。

    这就需要设计师们格外关注这个问题,并学习如何制作出满足用户需求且不损害他们健康的产品。在本文中,我们将介绍阅读障碍者面临的挑战,并提供宝贵的经验,为他们创造良好的体验。

    定义阅读障碍

    还记得你小时候学习阅读的那些日子吗?字母打乱,移动位置,摆弄,拒绝用单词组成,更不用说句子了。有阅读障碍的人总是会遇到这样的问题。

    阅读障碍,不会影响大脑活动。因此,它也不妨碍人们学习事物和变得聪明。阿尔伯特·爱因斯坦患有阅读障碍,是一个智商达到 160 分的天才。这种疾病会损害阅读时拼写和发音、书写、阅读和理解事物的能力。有些人可能难以消费他们听到的东西并找到合适的词来回应。

    你有没有想过患有阅读障碍的人如何看待内容?开发人员 Victor Windell 创建了一个模拟网站,让您可以穿上阅读障碍用户的鞋子。

    使用图像支持文本

    通过阅读障碍用户的眼光看待你的设计。如果文本内容对您没有多大意义,您会怎么做?您可能会寻找可能反映该想法并传达信息的图像或插图。此外,巨大的文字墙看起来很吓人——不仅对有阅读障碍的人来说,对所有用户来说都是如此。使用标题、列表、图像、适当的间距和其他 HTML 格式化工具来分解这些大块内容。它不仅对屏幕阅读器有帮助,而且通常看起来更有吸引力。

    但请记住,并非所有视觉效果都是安全的。英国阅读障碍协会建议避免使用包含过于明亮和耀眼的图案和纹理的图像,从而导致分心和焦虑。

    为有阅读障碍的人设计,不要忘记色盲的人。避免他们难以感知的绿色和红色/粉红色等颜色

    避免使用衬线字体

    由于阅读障碍者与文本的关系复杂,排版应该是设计师的重中之重。衬线字体的笔画可能会导致字母相互碰撞,并且对于用户来说看起来完全是希腊语。

    英国阅读障碍协会建议使用无衬线字体,例如 Arial、Comic Sans、Verdana、Tahoma、Century Gothic、Trebuchet、Calibri 和 Open Sans。这些字体不仅对阅读障碍友好,而且通常更清晰易读。

    使用适合阅读障碍的字体

    如果您担心知名字体可能不足以满足您的目的,您可以使用专为阅读障碍人士设计的字体。该组包括 Open Dyslexic、Read Regular、Dyslexie、Delicious、Sylexiad 和 Lexia。

    您可能不会发现它们在视觉上具有吸引力,但可访问性旨在创建功能性和用户友好的设计,而不是美观的设计

    使用简短的句子

    令人惊讶的是,即使是有阅读障碍的人也不会逐字阅读。相反,他们记住字母组合并在阅读文本时预测它们。使用冗长、复杂的单词和行话,你会迫使患有阅读障碍的用户努力识别不熟悉的单词结构和记住事物。

    此外,英国政府风格指南指出,具有中等阅读能力的人可以感知包含 5-8 个单词的句子。为了让他们的生活更轻松,我们可以使用常用词汇,并搭配带有图形和图标的单词来支持视觉记忆。这种方式可以帮助用户加快阅读速度,理解25个单词的句子。

    用通俗易懂的语言编写,使所有用户都可以轻松使用该副本。例如,使用“购买”代替“购买”,使用“帮助”代替“辅助”,使用“关于”代替“大约”。

    避免视觉噪音

    视觉效果对有阅读障碍的用户有很大帮助。但是,请避免仅将图形用于装饰目的。如果它没有传达任何意义,损害了功能,并在页面上产生视觉噪音 - 摆脱它。只有行之有效并服务于用户需求的设计才能经受住生活的艰巨考验。

    使用简洁和信息丰富的提示

    提示文本应该很容易咀嚼的短小智慧。在编写提示文本时,避免阅读障碍者难以阅读的长词。此外,即使是阅读能力一般的人,如果包含长而复杂的单词,也倾向于跳过段落。正如英国政府风格指南所说,较长的单词(8 或 9 个字母)会迫使用户跳过后面的较短的单词(3、4 或 5 个字母)。请保持简单易读。

    有阅读障碍的用户更喜欢大字体

    为了使有阅读障碍的用户可以使用该字体,它应该是大且可扩展的。英国阅读障碍协会建议您的正文使用 12-14pt (~16-19px),但有些用户可能更喜欢更大的字母。不要担心你的设计看起来很丑 - 增加几分文字不会伤害任何人!

    患有阅读障碍的人与黑暗背景作斗争

    走到黑暗的一面永远不会太晚。暗模式最常见的优点之一是它们可以节省带有 OLED 或 AMOLED 显示屏的设备的电池电量,并且在光线昏暗的环境中对眼睛的伤害较小。此外,它们看起来绝对令人惊叹和优雅。不幸的是,从可访问性的角度来看,深色主题并不是最佳选择。

    患有阅读障碍的人在深色背景上解码浅色文本比在浅色背景上更困难。此外,一些颜色组合很难满足WCAG的要求。

    如果黑暗模式仍然吸引您,请确保模式之间的切换显而易见且易于找到。

    避免斜体

    对于可访问性目标,您应该忘记斜体和下划线 - 它们使字母看起来好像它们一起流动并导致拥挤。有阅读障碍的人发现很难解开常规文本块,更不用说斜体了!如果您需要强调单词,请改用粗体。

    您是否正在考虑使用全部大写来强调?放手吧。根据尼尔森集团的调查结果,当用户看到那些“尖叫”的字母时,阅读速度会减慢 10%。

    避免密集的文本块

    阅读障碍症患者在阅读带有大量换行符和跳转的文本时很容易迷失方向。考虑避免密集、冗长的“报纸”文本块,这些文本块带有突兀的线条和末端不均匀的大空间,只会分散用户的注意力。

    不要误会我们的意思——简短的段落更容易阅读和理解。但是,请避免将它们填充到所有用户都难以理解的窄列中。英国关于无障碍通信格式的指南建议将每行的行长保持在 60 到 70 个字符之间,大约 12 到 18 个单词。

    添加足够的行高

    对于有阅读障碍的人来说,单词之间的空间越多越好。不要吝啬文本块之间的空白以及行距。英国阅读障碍协会建议保持与字符间距成比例,并将行间距定义为字体大小的 150% 以提高可读性。如果你再小一点,相邻行上的字母会塞满并变成一堆乱七八糟的单词。

    使用列表

    您可能讨厌要点,但它们会像其他任何东西一样吸引人们阅读副本。将长文本块分解为编号列表或项目符号点以结构化格式呈现信息,使任何人都更容易扫描和使用。此外,请确保此类段落具有标点符号,例如分号、逗号和点,以指示屏幕阅读器应暂停的位置。

    本文内容为转载

    相关文章

      网友评论

          本文标题:设计的可访问性——阅读障碍

          本文链接:https://www.haomeiwen.com/subject/vmxljrtx.html