有没有办法查看 Marketing Cloud email 满足哪些可访问性标准？

Question

我们目前有一个项目在我的工作中确保我们符合我们网站上的可访问性标准。

我们的电子邮件是使用 Salesforce Marketing Cloud 布局构建的。 有谁知道我们如何查看或测试它们的“可访问性”？

我可以使用 ReturnPath 进行测试，以查看它们在各种设备上的呈现方式，并为我提供色盲结果，但我不确定如何测试它们与屏幕阅读器一起工作的好坏程度

Answer 1

从可访问性的角度来看，电子邮件是一个棘手的问题。 即使在 2021 年，我们仍然坚持使用表格进行布局！

我们不能使用WAI-ARIA和 CSS 非常有限。

因此，我有一个较小的电子邮件清单，涵盖了我们可以控制的重要内容。

我要看的主要内容是：

阅读顺序

确保 email 从左到右再向下读取（假设语言是从左到右的语言，否则反转）

使用标题

Email 营销人员通常只是设置普通文本的样式，而不是放入正确的标题。确保标题实际上是<h2>到<h6> ，并在开头用一个<h1>解释 email 的用途。

还要确保标题不要跳过级别（例如，不要从<h2>到<h4>的 go）。

颜色对比

网站的完全相同的规则也适用于电子邮件。 我建议通过Web Aim 颜色对比度检查器来检查您的文本和文本周围的背景、按钮背景和文本等。

替代属性

图像上的 Alt 属性是您需要检查的重要属性，尤其是在图像可能是超链接中唯一内容的电子邮件中。 由于您不能在 email 中使用aria-label或视觉隐藏文本，因此如果链接包含图像，则alt属性是使链接有意义的唯一方法（加上 email 客户端阻止图像，这意味着其他所有人都有有意义的文本不仅仅是屏幕阅读器用户）。

有意义的链接文本

同样，确保链接不只是说“阅读更多”。 而是使链接文本有意义，例如“阅读我们关于 XYZ 的文章”。

使用描述性主题行

这是唯一一个作为营销人员“困难”的人。 您希望主题行吸引人们打开 email，但是对于有认知障碍的人来说，神秘的主题行可能会令人不安/困惑等。

在“放弃游戏”和有意义的主题行之间取得平衡是很困难的，如果不确定是否会导致有意义的错误（它可能会帮助您的打开率/转化率，所以 A / B 测试它！）

---

在浏览器中查看

由于 email 客户端的限制，确保可访问性的最佳方法是在 email 中有一个自定义的“在浏览器中查看”链接（因为 salesforce 等版本的浏览器不太可能做得很好）。

这样您就可以使用WAI-ARIA 、 visually hidden text等并正确标记页面，符合 WCAG 2.1（以及很快 WCAG 2.2）的要求。

显然，我知道这需要大量工作，但是一旦您构建了可访问的模板和组件，它就会变得容易得多。

测试

就我个人而言，我只是手动测试，但我确信在某个地方存在类似于 Ax Accessibility Checker 的 email 测试服务。

但考虑到典型 email 的长度，我会说一旦您知道要查找什么，手动检查只需 2 分钟，因此服务可能不值得。

您始终可以将 email HTML 复制并粘贴到文件中，并使用.html扩展名保存它，然后在浏览器/可访问性检查器中打开并测试它。 但是由于使用表格进行布局，您可能会遇到很多无法解决的问题。

最后 - 学习使用屏幕阅读器不到一个小时，拿起 NVDA 或 VoiceOver 并自己测试 email，如果你能理解它并访问与其他人一样的所有信息，然后发送它！