如何通过 3 个简单的步骤为每个人制作电子邮件：网络研讨会录音 + 问答

电子邮件可访问性已被评为 2019 年最热门的电子邮件设计趋势之一，现在是大多数品牌的优先考虑事项。 但确实，许多营销人员不知道如何开始让他们的电子邮件更具包容性。

实施可访问性最佳实践比您想象的要容易。 在本次网络研讨会中，Litmus 的可访问性专家 Jason Rodriguez 和 Alice Li 详细介绍了证明对可访问性进行投资是值得的统计数据和研究，并分享了为每个人创建更好的电子邮件必须采取的 3 个步骤。

没有机会观看网络研讨会直播？ 别担心。 您可以随时访问完整录音并阅读下面的问答。

问答

非常感谢在网络研讨会期间提出问题的所有人！ 以下是我们对最热门问题的回答的回顾，以及我们对现场网络研讨会期间未解决的一些问题的看法。 还有其他问题吗？ 请在评论中留下它们。

您如何解释认知限制？

贝蒂娜：有很多不同类型的认知障碍，从难以记住事物或注意阅读障碍或自闭症。 这些条件中的每一个都是独一无二的，但遵循本网络研讨会的文案和设计部分中的提示将大大有助于让有认知限制的人更容易访问您的电子邮件。 例如，保持您的电子邮件副本清晰简洁，避免使用难懂的词或行话。 保持您的布局简单并制定清晰的视觉层次结构，使您的订阅者可以轻松扫描您的电子邮件，并快速了解什么是重要的（什么不是）。

最常用的屏幕阅读器是什么？ 你如何测试它？

Alice：两个最流行的屏幕阅读器是NVDA和JAWS 。 NVDA 是由NV Access开发的免费开源工具——他们是一个了不起的组织，致力于让视障人士更容易使用技术。 JAWS 是一种流行的基于订阅的屏幕阅读工具。

如果您不想安装软件来了解您的电子邮件在屏幕阅读器上的声音，您可以使用 Litmus！ 我们最近将 NVDA 集成到 Litmus 中，因此您现在可以直接在 Litmus Checklist 中收听电子邮件的音频预览。 了解更多。

此外，所有现代操作系统也提供某种类型的原生屏幕阅读支持。 例如，在 Mac 上，它是VoiceOver 。

有哪些品牌在优化电子邮件的可访问性方面做得很好？ 我想要一些灵感！

杰森：我的最爱之一是deque 。 他们做了很多无障碍培训，有一个很棒的博客 - 和很棒的电子邮件！ 他们的电子邮件不仅遵循可访问性最佳实践，而且还包含可帮助您了解该主题的精彩内容。 你应该注册他们的时事通讯！

冒着自负的风险，Alice 和电子邮件团队在 Litmus 时事通讯上所做的工作给我留下了深刻的印象。 它不仅设计精美，而且根据“电子邮件无障碍终极指南”中讨论的最佳实践，他们做了大量工作使其易于访问。

对“Alexa”或“Siri”等工具与其他屏幕阅读器有何不同的见解？ 或者 Outlook 的“大声朗读”功能？

杰森：在交付播客的最近一集中，我深入研究了语音助手。 我发现 Alexa 是唯一能够真正读取您的电子邮件的工具——但它只会读取 HTML 文本，而忽略任何 alt 属性、表格或任何其他 HTML 元素。 它与屏幕阅读器处理电子邮件的方式不同。 语音助手的目标是方便，不一定是可访问性，因此它们的工作方式与 NVDA 等成熟的屏幕阅读器的工作方式不同。 在很多情况下，您仍然需要您的手机或笔记本电脑来导航内容，语音助手只是为您提供支持。 如需全面了解 Alexa、Google Home、Siri 和 Cortana 如何处理电子邮件，请收听此播客节目。  

动画 GIF 怎么样？ 使用与否？ 它们会给读者带来麻烦吗？

爱丽丝：你可以使用它们，但要注意如何使用。 动画可以触发光敏性癫痫发作，因此您永远不想包含过于刺耳或闪烁的 GIF。 您也不希望在 GIF 中包含重要信息，例如副本。 屏幕阅读器无法访问隐藏在 GIF 中的副本——它不会显示在禁用图像的电子邮件客户端中——因此你可能会丢失消息的关键部分。

在哪里可以找到可访问电子邮件模板的示例？

Jason ：有很多免费模板，但没有多少是针对可访问性进行优化的！ 这就是为什么我们最近创建了四个遵循可访问性最佳实践的全新模板 - 您可以在Litmus 社区免费获得它们。 如果您想构建……请查看我们的模板

• 无障碍通讯
• 可访问的个人笔记
• 可访问的交易电子邮件
• 无障碍产品公告

表情符号的使用如何影响可访问性？

Jason：虽然大多数屏幕阅读器都能理解表情符号并能读出它们，但对于用户来说，这可能不是最佳体验。 让我们听听 NVDA 用表情符号读出这个示例主题行：

年度最大销售

您可以听到表情符号在文本旁边听起来有多脱节。 虽然表情符号现在很常见，辅助技术用户可能习惯于听到它们，但根据表情符号，它仍然听起来很尴尬。 与电子邮件中的任何其他元素或副本一样，查看其是否有效的最佳方法是使用 NVDA 或 Litmus Accessibility Checker 等工具对其进行测试并收听您的电子邮件。

我是否也需要将“role=presentation”应用到 DIV 中？

爱丽丝：不！ role="presentation"只是为了告诉屏幕阅读器忽略标签的语义，所以表格需要它们，因为像图表这样的表格数据需要所有的列和行信息，以便人们正确导航和理解它们。 在电子邮件中，开发人员通常依赖表格而不是表格数据进行展示，这就是表格需要这样做的原因。 另一方面，DIV 没有需要为屏幕阅读器覆盖的语义。

对于坚持使用基于图像的电子邮件的客户，我们应该遵循哪些最佳实践？

贝蒂娜：这是一个艰难的！ 发送全图像电子邮件是一个可怕的想法的原因有很多。 因此，作为第一步，尽一切可能让您的客户相信这种方法会带来糟糕的订阅者体验。 我们关于为什么不应该发送仅图像电子邮件的博客文章提供了许多见解和提示，可帮助您提出案例。

如果没有办法让您的客户走上正轨，那么您所能做的就是使用 ALT 文本优化您的图像关闭视图（您甚至可以设置该 ALT 文本的样式）并使用防弹按钮，以便至少您的 CTA禁用图像时仍然有效。

使用网络字体会影响可访问性吗？

爱丽丝：从代码的角度来看，它不应该。 从设计的角度来看，这意味着您应该始终确保 Web 字体及其 Web 安全回退都符合对比度标准以使其可读。 例如，如果您的网络字体比后备字体粗，只需确保后备字体也通过对比度分数，因为后备字体是用户（例如 Gmail）可能看到的内容。

我们没有在代码模板中进行的一项更改是使用语义元素作为标题或段落。 我们目前对文本的表格单元格进行样式化。 这会给可访问性带来什么问题？

爱丽丝：我假设包装文本的表格已经将其角色设置为“演示”或“无”，以抑制任何不必要的屏幕阅读器噪音。 因此，除此之外，不使用正确的标题/段落标签会给辅助设备带来导航问题，因为某些技术允许用户从一个标题跳到另一个标题（及其相关段落），就像它是一个目录一样。

屏幕阅读器可以读取特殊字符，例如卷曲撇号、引号、与号等吗？

爱丽丝：这要看情况。 & 符号通常读作“和”。 引号和卷曲撇号被忽略，就像有人在大声朗读某些东西时可能不会发音一样。 其他特殊字符将逐案考虑，例如项目符号点被读出为“项目符号”。 我通常建议始终进行测试以确保。

关于格式化文本仅用于可访问性的任何建议？ 我在部分之间使用了几个“=”或“-”分隔符。 那些是怎么处理的？

爱丽丝：破折号和下划线不会被读出，所以没问题。 但是，屏幕阅读器会读出“等号”，因此我建议避免使用它。