我目前正在开展一个项目，以确保我们符合网站的无障碍标准。
我们的电子邮件是使用 Salesforce Marketing Cloud 布局构建的。有谁知道我们如何查看或测试它们的“可访问性”程度？
我可以使用 ReturnPath 进行测试，以查看它们在各种设备上的呈现方式，并为我提供色盲结果，但我不确定如何测试它们与屏幕阅读器一起使用或不使用屏幕阅读器的效果如何
【问题讨论】：
标签： accessibility salesforce-marketing-cloud
从可访问性的角度来看，电子邮件是一个棘手的问题。即使在 2021 年，我们仍然坚持使用表格进行布局！
我们不能使用WAI-ARIA，而且 CSS 非常有限。
因此，我有一个较小的电子邮件清单，涵盖了我们可以控制的重要内容。
我主要看的是：
确保电子邮件从左到右然后向下阅读（假设语言是从左到右的语言，否则反转它）
电子邮件营销人员通常只是设置普通文本的样式，而不是放入正确的标题。确保标题实际上是 <h2> 到 <h6>，并在开头用一个 <h1> 解释电子邮件的目的。
还要确保标题不会跳过级别（例如，不要从<h2> 转到<h4>）。
网站的完全相同的规则也适用于电子邮件。我建议通过Web Aim colour contrast checker 为您的文本和文本周围的背景、按钮背景和文本等运行颜色。
图像上的 Alt 属性是您需要检查的重要属性，尤其是在图像可能是超链接中唯一内容的电子邮件中。因为您不能在电子邮件中使用aria-label 或visually hidden text，所以alt 属性是使包含图像的链接有意义的唯一方法（加上电子邮件客户端阻止图像，这意味着有有意义的文本其他所有人，而不仅仅是屏幕阅读器用户）。
同样，请确保链接不只是说“阅读更多”。而是使链接文本有意义，例如“阅读我们关于 X Y Z 的文章”。
这是唯一一个作为营销人员“困难”的人。您希望主题行吸引人们打开电子邮件，但是对于有认知障碍的人来说，神秘的主题行可能会令人不安/混乱等。
如果不确定是否会偏向有意义，则很难在“放弃游戏”和有意义的主题行之间取得平衡（它可能有助于您的打开率/转化率，所以 A / B 测试它！）
由于电子邮件客户端的限制，确保可访问性的最佳方法是在电子邮件中使用自定义“在浏览器中查看”链接（因为销售人员等不太可能做好其电子邮件的浏览器版本)。
这样您就可以使用WAI-ARIA、visually hidden text 等并正确标记页面，符合 WCAG 2.1（以及很快 WCAG 2.2）的要求。
显然，我知道这需要大量工作，但是一旦您构建了可访问的模板和组件，它就会变得容易得多。
我个人只会手动测试，但我确信在某处存在类似于 Ax Accessibility Checker 的电子邮件测试服务。
但考虑到典型电子邮件的长度，我会说一旦您知道要查找什么，手动检查只需 2 分钟，因此服务可能不值得。
您始终可以将电子邮件 HTML 复制并粘贴到文件中，并使用 .html 扩展名保存它，然后在浏览器/可访问性检查器中打开并测试它。但是由于使用表格进行布局，您可能会遇到很多无法解决的问题。
最后 - 学习使用屏幕阅读器不到一个小时，拿起 NVDA 或 VoiceOver 并自己测试电子邮件，如果你能理解它并访问与其他人一样的所有信息，然后发送它！
【讨论】：