和我一起了解网络阅读障碍!

2025-06-09

和我一起了解网络阅读障碍!

开始写这个博客的时候,我开始关注推特上的一些特定标签。在关注了推特上的 a11y 标签后,我得知上个月是“阅读障碍宣传月”。我一直说,残疾并不总是显而易见的,尤其是学习障碍。然而,Web 无障碍(Web Accessibility)很少涉及这一点。我发现很少有地方讨论 Web 无障碍和阅读障碍。我找到的大多数资源都侧重于如何指导阅读障碍患者。

过去几周,我一直在研究如何让患有阅读障碍的人更容易理解我的内容。这篇博文也和大家一起学习。以下是我学到的:

正确设置文案样式

有一些因素可以提升网站的可读性。我发现其中两个因素是文本对齐和排版。

文本对齐

确保左对齐。固定的左对齐方式方便用户找到下一行文本。正确的文本对齐方式不仅对阅读障碍者有益,对所有人都有益。以下做法并不妥当:

居中的文本,新行每次都从新位置开始。

避免文本对齐

单词间距不均匀会让人读不下去。这是因为阅读障碍者会忘记读到哪里,然后重新开始。这很糟糕:

两端对齐的文本,单词之间间距不均匀。

排版

使用无衬线字体。我们通常不会想到,衬线字体会增加装饰效果。衬线字体会分散注意力,尤其是对于有阅读障碍的用户。使用无衬线字体可以帮助那些倾向于依靠记忆来识别字母形状的阅读障碍用户。此外,斜体字体也容易与普通文本混淆,容易造成问题。如果想要强调,请使用粗体。以下做法不妥(衬线和斜体):

带有衬线字体和斜体强调的段落。这很好:

段落采用无衬线字体并加粗强调。

我从未意识到这会对阅读障碍患者造成如此严重的影响。好消息是,这些修复措施非常简单。现在我了解了这些问题对阅读障碍用户的影响,我想对我的网站进行一些更新。

构建您的内容

这部分让我回想起我的公共关系教育。我记得每次我写冗长的句子或用被动语态时,教授都会责骂我。公共关系的重点是让信息透明易读。我们必须确保你的读者理解你内容的要点。

这句话真是难懂极了。一定是我的问题,不是你……大脑因为整天读书写作太累了#dyslexia #NaNoWriMo

— Rachel is Writing (@RachelisScience) 2018 年 11 月 11 日

让我们来分析一下我学到的一些东西。

拆分文本

使用标题和图片来分隔大段文字。将长段落分开可以让读者从冗长的文字中解脱出来,更容易理解。我经常这样做,因为这有助于我清晰地表达要点。

避免被动语态

什么是主动语态和被动语态?主动语态是指句子中有一个明确的主语,并且该主语是动作。被动语态是指主语受到动作的影响。以下是一个被动语态的例子:“委员会批准了这项变更。” 将其改为主动语态很简单:“委员会批准了这项变更。” 科技写作倾向于使用被动语态,而被动语态有时会造成句子冗长。

避免双重否定

你可能觉得这听起来很性感。然而,这会让人对你的意思产生怀疑,尤其是那些有阅读​​障碍的人。所以,直接说出来吧。用肯定句而不是双重否定来表达肯定的意思。

帮助您处理内容的工具

我在研究中了解到了海明威应用程序。我在写这篇文章的时候就用过它!顺便说一句,如果你有阅读障碍,这个应用程序可能不太理想,因为它使用了衬线字体。它会告诉你你的阅读水平以及你的写作有多少个字符和单词。这是一款非常棒的工具,我很高兴能在写作中使用它!

不要太快改变你的内容

作为一个没有阅读障碍的人,幻灯片已经让我烦透了。想象一下,你打开一个有英雄轮播的页面,你才看到一半,它就突然切换到你了!

一个人沮丧地拍打头部的动图

对于患有阅读障碍的人来说,情况更糟,因为他们的阅读速度通常比较慢。如果你要通过轮播功能更改内容,那么你应该至少多预留 25% 的时间。多预留一些时间可以帮助阅读速度稍慢的用户。

有哪些替代方案?或许有必要问问自己,是否真的需要轮播。目前,单一英雄图片比轮播更流行。您可以添加一张英雄图片作为文本的焦点吗?如果您想展示多个内容,请提供手动切换的选项。

提供内容的音频格式

帮助诵读困难用户的最佳方法之一是为他们提供其他格式,尤其是音频或视频。我可以想象,如果我难以理解大量文字,那么拥有不同的版本会缓解我的焦虑。要体谅用户,让他们能够选择如何消化你的内容。这样,如果他们对阅读你的内容感到沮丧,他们可以选择收听。音频格式也能让视障用户受益。

到目前为止,我一直在使用我朋友Kyle Galbraith的工具parler.io。只要你的博客有 RSS 订阅,它就能自动为你的博客文章创建音频文件。超级棒!这个工具目前免费使用,我非常喜欢!

如果您不想使用这项服务,并且自行创建音频文件超出您的预算,请确保您的网页支持屏幕阅读器。据我了解,患有阅读障碍的用户有时会使用屏幕阅读器来辅助阅读内容,因此使用屏幕阅读器浏览页面应该会比较直观。

来源

我必须在此致谢,因为在撰写这篇博文之前,我几乎没有任何关于网络阅读障碍的信息。以下是我用来研究这个问题并了解更多信息的资料来源:

你对网络阅读障碍有什么看法?你有阅读障碍吗?如果是的话,我很想听听有什么方法可以帮助你,因为我自己也在学习和实践。如果你对这篇博文有任何疑问,欢迎随时在Twitter上联系我。

鏂囩珷鏉ユ簮锛�https://dev.to/lkopacz/learn-about-dyslexia-for-the-web-with-me-1b9n
PREV
我第一个月积极写博客的经验教训
NEXT
无障碍功能如何让我更好地掌握 JavaScript - 第二部分