电子邮件可访问性指南,或使您的电子邮件对所有人都友好

已发表: 2019-10-16

电子邮件可访问性使您的电子邮件对所有人(包括残障人士)都易于使用,因为它使他们能够感知您的电子邮件并轻松与他们互动。

您可以进行一些设计和文案调整,以使您的电子邮件更易于访问。 在本文中,我们将解释采用可访问性将如何影响您的电子邮件活动、其重要性以及如何将其付诸实践。

内容
  1. 为什么可访问性很重要
  2. 如何创建可访问的电子邮件
    1. 结构
    2. 代码
    3. 字体
    4. 颜色
    5. 放大和缩小

为什么可访问性很重要

那么您为什么要关注可访问性,它可以为您和您的企业带来什么好处? 让我们来看看一些事实:

  1. 一般来说,世界人口的 15%,即 10 亿人,有某种残疾。 根据世界卫生组织的数据,全世界大约有 13 亿人患有某种形式的视力障碍:3600 万人根本看不到东西,2.17 亿人患有中度至重度视力障碍。 如您所知,很多人可能会在不同的日常事务上遇到麻烦,包括与设备交互和阅读电子邮件。
  2. 除此之外,残疾市场的年可支配收入为 1.2 万亿美元。
  3. 根据 Cone Communications 最近的一项研究,78% 的美国人希望公司解决社会问题,87% 的人会从支持他们个人关心的问题的公司购买产品。

因此,使用电子邮件可访问性,您不仅可以扩大受众范围并开辟获得更多利润的新机会,还可以表达您对每个人的尊重和关怀,从而提高您在具有社会责任感的用户和残疾人眼中的可信度。

如何创建可访问的电子邮件

在本节中,我们将研究可以帮助您让所有人更容易访问电子邮件的七个要素:

  • 结构体;
  • 代码;
  • 替代文本;
  • 链接和按钮;
  • 字体;
  • 颜色;
  • 放大和缩小。

除了这些元素之外,我们还建议您阅读万维网联盟的标准列表可访问性指南,这将帮助您确保您的 Web 内容可供残障人士访问。

结构

首先,确保按逻辑顺序放置电子邮件内容,因为屏幕阅读器可以从左到右、从上到下理解它。 大声朗读您的电子邮件,看看在不查看图像的情况下是否容易理解副本本身。

例如,Collaborative Fund 在他们的电子邮件中保持良好的逻辑结构,因此很容易用眼睛和屏幕阅读器跟踪它们。

accessible email example
一封来自 Collaborative Fund 的电子邮件,内容顺序符合逻辑

对于有阅读障碍和认知障碍的人来说,理解大型复杂文本可能很困难。 这就是为什么我们建议您在文案中直截了当,缩短句子并避免长词或行话。 在一个句子中安排一个想法,在一个段落中安排一个主题。

要测试文本的可读性,请使用 Readable 等服务。 您可以将文本粘贴到那里,该工具将自动突出显示长句或复杂单词,并建议更简单的替代词和同义词。 看一下 Readable 的实际操作:

使用 Readable 检查一段文本的可读性

代码

然后,看看你的代码。 应该有标题元素,如h1h2和段落标签p等。 这将允许屏幕阅读器浏览您的电子邮件。 语言 HTML 标签lang=””将使任何辅助技术了解要为内容使用哪种语言配置文件。 转到所有 HTML 语言标签的列表以查找所需语言的代码。

要清理您的代码并确保您没有任何未关闭的标签和其他问题,您可以使用不同的电子邮件测试工具。

例如,为了避免在以视觉或音频格式正确显示您的内容时出现任何问题,您可以尝试使用脏标记。 只需粘贴您的代码,然后单击“清理”。

如何使用脏标记清理您的电子邮件代码

替代文字

始终为图像提供详细的替代文本或替代文本——您应该传达图像的目的或含义,以便使用辅助技术或关闭图像的订阅者能够理解整体上下文。

在 Messy Nessy Chic 的示例中,您可以看到每个图像都有一个替代文本,包括电子邮件页脚处的社交媒体按钮。

accessibility email example
来自 Messy Nessy Chic 的电子邮件中图片的替换文字

如果您的电子邮件包含装饰性图像——那些用于视觉设计且没有赋予特定含义的图像——您应该为其添加一个空属性alt=”” 。 这将使屏幕阅读器跳过图像。

链接和按钮

当涉及到文案时,避免使用“点击这里”这样的文字,并在句子的上下文中放置一个超链接。 这将使用户更容易理解链接将重定向到哪里。 请记住,您的链接应该与周围的文本区分开来。

看一下来自 InsightTimer 的例子; 他们使用干净的超链接文本,即使对于那些自己无法阅读电子邮件的人来说也很容易理解。

accessible email example
来自 InsightTimer 的电子邮件中的超链接

至于号召性用语按钮,请保持它们足够大,以便任何设备上的任何拇指都可以轻按。 用足够的空白包围你的按钮,这样就不会出现意外点击。

字体

可访问电子邮件中的字体大小不应低于 14 像素。 此外,您应该使用 Web 安全字体,它可以在大多数设备和操作系统上正确显示。 这些字体是 Arial、Comic Sans、Courier New、Georgia、Impact、Palatino、Tahoma、Trebuchet MS、Times New Roman 和 Verdana。 在我们的博客上了解有关为您的电子邮件选择完美字体的更多信息。

此外,我们建议您对文本应用左对齐。 阅读时,每一行的开头都是我们眼睛的锚点。 当对齐居中时,每条线都从不同的点开始,使用户从一条线跳到另一条线。 反过来,通过合理对齐,单词之间的间距每次都不同。 这就是为什么将视觉锚点保持在同一位置或使用左侧对齐是出于可读性目的的最佳选择。

还建议按标题、引号和其他类型的格式划分文本。

Brain Pickings 提供非常长且内容丰富的电子邮件,主要由文本组成,但由于格式选择,很容易“消化”它们。

accessible email example
BrainPickings 电子邮件中的文本格式

颜色

首先,您应该检查电子邮件中的颜色是否具有足够的对比度,以便有视力问题的人可以访问它。 例如,建议普通文本的比例至少应为 4.5:1,放大文本的比例至少应为 3:1,这通常用于标题。

要检查电子邮件可访问性方面的良好对比,您可以使用 Tanaguru 或 WebAIM 等工具。 它们允许您查看前景和背景的对比度。 Are My Colors Accessible 是另一个很好的选择,可以检查是否容易理解您的电子邮件。

例如,如果我们查看标准的黑底白底组合,可以看到对比度非常高:21:1。 但是,当我们将背景颜色更改为橙​​色时,比例会下降到 10.63:1。

在“我的颜色是否可访问”工具中检查对比度

放大和缩小

对于弱视用户,缩放设置通常用于增加屏幕上文本和其他视觉元素的大小。 因此,请检查是否有可能将您的电子邮件缩放至至少 200% 而不会降低内容的质量。

您可以在下方看到我们放大到 200% 的 The Futur 电子邮件片段 — 所有电子邮件内容仍然可见且可以清晰阅读。

accessible email example
放大来自 The Futur 的电子邮件

总而言之

创建可访问的电子邮件时,请尝试记住以下几点:

  1. 保持电子邮件的逻辑阅读结构。
  2. 使用带有辅助设备所需的适当标签的干净代码。
  3. 在您的电子邮件中为每张图片添加信息替代文本,包括社交媒体按钮和您的徽标。
  4. 确保所有链接和按钮都可用或易于交互。
  5. 保持字体至少为 14 像素,使用适当的格式,并将文本向左对齐。
  6. 坚持背景色和前景色之间的良好对比。
  7. 确保您的内容可以放大到至少 200% 而不会丢失内容。

在没有经验的情况下实施电子邮件可访问性可能会令人生畏。 然而,当你分析它的潜在影响时,很明显这项工作是值得做的。 尝试使用 SendPulse 构建干净且易于访问的电子邮件模板,并将它们发送给您的所有订阅者。