屏幕阅读器优化

Solve china dataset issues with shared expertise and innovation.
Post Reply
jrineakter
Posts: 818
Joined: Thu Jan 02, 2025 7:15 am

屏幕阅读器优化

Post by jrineakter »

在荷兰,约有 320,000 至 350,000 人是盲人或视力不佳的人。例如,这些人依靠屏幕阅读器来“阅读”网页和电子邮件。屏幕阅读器确保网页和电子邮件上的所有相关信息都被大声读出。网页或电子邮件的构造方式在很大程度上决定了屏幕阅读器读取其内容的效果好坏。

语言
因此,特别是对于这组收件人来说,在电子邮件的 HTML 中考虑可访问性也很重要。添加语言代码可以告诉屏幕阅读器应该用哪种语言阅读电子邮件。您可以通过将“lang 属性”添加到 HTML 标签来实现此目的。


这样,屏幕阅读器就明白如何发音。

字符集
定义一个字符集,以便屏幕阅读器了解如何解释特殊字符。


这通常被例如 Web 客户端自己的字符集所取代,但对于在线版本来说它仍然很重要。 UTF-8 是标准,支持大多数字符。

表格
在电子邮件中,并非每个表格单元格都包含一个值,但当屏幕阅读器读取您的电子邮件时,它将遍历每个表格单元格。您可以通过向所有表添加“role=“presentation”属性”来防止这种情况。屏幕阅读器会忽略带有 role=“presentation” 的元素,因此只会读出相关内容。


标题和段落
过去,总是建议不要在电子邮件 HTML 中使 土耳其 WhatsApp 数据 用标题(h1 到 h6)和段落(p),因为存在不良对齐的风险,例如在 Hotmail 中。如今我们确实鼓励这种做法。例如,它们对于屏幕阅读器理解电子邮件的层次结构很重要。无法处理此问题的电子邮件程序已被替换或很少再使用。此外,您还可以轻松纠正任何不良的对齐和样式。

链接上的标题
在 HTML 中,避免在链接上使用“title 属性”。屏幕阅读器可能会中断您的内容的阅读,或者屏幕阅读器根本不会读取“标题属性”的内容,从而使得“阅读更多”链接中的描述性文字对于有视力障碍的人来说毫无用处。这两种情况都令人困惑。因此,最好将最重要的信息包含在链接本身和/或链接文本中。

图像上的 Alt 键
然而,提供用来支持您的信息的图像的描述非常重要。因此,请在这些图像上使用“alt 属性”。对于那些对传达信息没有帮助的图像,比如老式的间隔图像或纯粹为了外观的图像,您可以将“alt 属性”留空。

您的电子邮件的可访问性如何?
我希望这篇博文能够给您带来启发,并让您希望让您的电子邮件更易于访问。想知道您的电子邮件的可访问性如何吗?电子邮件专家 Maarten Lierop 和Jordie van Rijn除了撰写了两篇关于电子邮件可访问性的非常好的文章之外,还开发了一款 方便的工具 ,可让您测试电子邮件的可访问性。

如果您正在寻找有关电子邮件可访问性的更多提示和信息,我在 GitHub 上维护了有关该主题的各种有趣文章的列表。我部分地以此为基础撰写了这篇关于包容性设计的文章。

您还有其他好的提示、技巧或反馈吗?或者您有残疾方面的经验吗?加入 LinkedIn 上的 E-mailmarketing Nederland 小组中有关该主题的讨论。
Post Reply