测试电子邮件中的可访问性不一定非常麻烦。电子邮件具有良好的可用性和包容性将增加您的目标受众(1,2,3),并且还会带来其他意想不到的好处。这些其他好处被称为路缘切割效果(Curb-Cut effect)。起初当人们在轮椅骑手的交叉口处引入路缘切口(即斜坡)时,他们发现许多其他人也受益;即推婴儿车/购物推车的人,送货人员和步行者的人都使用这些新的路缘石帮助导航城市环境。
澳大利亚有400多万人生活在某种形式的残疾之中。也就是大约5人中1人是残疾的。在我的一生中,我经历了一些暂时影响我能力的健康问题。我今天可能没有正式诊断残疾,但当我想改变我如何消费信息时,我经常使用YouTube和Audio Books中的隐藏字幕等功能。
在考虑辅助功能测试时,很容易感到不知所措,需要考虑许多不同级别的测试。以下是只在发送电子邮件时需要考虑的
1.视力障碍(人们可以在电子邮件中使用屏幕阅读器吗?)
2.听力障碍(任何链接的视频内容是否有隐藏字幕功能?)
3.心理健康/智力/自闭症谱(内容是否超出了人们的处理能力?是否遵循易于阅读的逻辑?)
难怪人们经常把这种类型的测试归类为困难。但是,如果从视觉缺陷测试开始,那么应该能够获得良好的投资回报,以获得更具包容性的体验。
屏幕阅读器技术
大多数视力受损的用户将使用某种屏幕阅读器技术来浏览网页。使用这种技术,可以使用听而不是看文章。美国有2.3%的人口有某种视力障碍。这个统计数字可能会随着人口老龄化而增长。语音接口的增长也将增加这项技术的用例。我更喜欢使用iOS的VoiceOver技术,但还有其他许多工具。Windows自带Narrator,Android有TalkBack,还有付费软件JAWS。
将VoiceOver与电子邮件一起使用
在运行iOS 11.3.1的iPhone 6上,可以进入设置>常规>辅助功能> VoiceOver
可以在此处将其切换,如果你不习惯以这种方式与移动技术进行交互,则可能很难使用VoiceOver进行关闭。为了解决这个问题,我在移动设备上启用了辅助功能快捷方式。当我按下我的主页按钮3次时,我可以轻松地打开和关闭辅助功能。
当我使用VoiceOver测试电子邮件时;
1.首先,我会找到我想测试的电子邮件
2.然后使用我的主页按钮快捷键启用VoiceOver
3.最后在屏幕上轻弹/滚动两根手指
这使得屏幕阅读器可以从上到下阅读屏幕上的所有内容,并且可以测试流程是否有意义。有很多其他的使用VoiceOver的指南(12)。建议在移动设备上开启屏幕阅读器并熟悉该技术。作为一项测试,你能弄清楚如何使用屏幕阅读器技术在手机上拍照吗?
图像替代文字
屏幕阅读器将为看不到图像的视力受损用户读出替代文字。替代文字是HTML图像标记的可选字段。例如,使用Campaign Monitor的电子邮件生成器,我在图像中添加了一个alt文本标记,以便为屏幕阅读器传达图像的消息。这是图片的HTML标签;
这是电子邮件与图片的相似之处;
我使用Firefox的网页开发工具来替换图片及其替代文字,以查看同一封电子邮件的下一个视图;
好的网页需要包含标签文本(15)。你还可以在w3阅读更多关于网页辅助功能的信息。
替代文字的小建议
1.检查你的图片是否有替代文字,并且它是否有用
2.检查装饰图像是否有空白字符串或没有替代文字选项,以便屏幕阅读器不尝试读取图像或文件名
3.不要在替代文字中包含“图片”等字样,因为屏幕阅读器会认为它是图片,然后继续寻找替代文字。你会得到一个双击的“图像。从你的屏幕阅读器,这是非常烦人的
4.使用显示替代文字的工具或用替代文字替换图片以帮助测试
测试电子邮件的纯文本版本
纯文本电子邮件很重要,即使人们说他们更喜欢基于图像的电子邮件,统计数据显示他们更多地使用纯文本电子邮件(17,18,19);
1.精通技术的用户可以默认他们的电子邮件客户端使用纯文本电子邮件
2.纯文本更易于访问(不存在讨厌的图像或HTML布局)
3.它更私密,因为基于图像的抓手不起作用
4.当人们考虑带宽消耗时,例如在海外旅行时,它们是一个很好的回退选项
5.垃圾邮件将回退到纯文本版本,因为电子邮件客户端可能认为图像和附件是危险的
大多数电子邮件服务提供商(ESP)应该有如何指导测试纯文本电子邮件。测试纯文本电子邮件时,我使用自己的Web托管服务,该服务具有默认为纯文本的Web邮件客户端。当我访问这些测试邮件时,他们通常看起来像这样;
与基本上基于图像的电子邮件相比,使用纯文本电子邮件的屏幕阅读器将更容易。
为色盲测试图像
约有4.5%的英国人患有某种形式的色盲(3)。为了帮助测试,我在iPhone上设置了一个灰度快捷按钮。在附注中,为您的手机设置灰度也有助于防止沉迷(21)。
将其付诸实践
通过对发送给我最近的一个bug的电子邮件进行VoiceOver和灰度测试,我发现了一些与电子邮件有关的问题。首先,我用于“consent2track v3”文本的黄色突出显示在灰度视图下没有足够的对比度,使其突出显示。其次,我没有更新图像的替代文字,我有一个旧的bug删除了附加到图像上的文字。如果我在发送这封电子邮件之前完成了这个测试,我会发现这些问题。以下是电子邮件的两个观点并排;
希望你现在认识到,测试电子邮件中的可访问性并不困难。如果一个屏幕阅读器与您的电子邮件一起工作,你有一个纯文本后退选项,并且你的电子邮件仍然可以使用灰度级进行读取,因此可以通过电子邮件提供绝佳的包容性体验。
参考文献
https://nfb.org/blindness-statistics
http://www.colourblindawareness.org/colour-blindness/
https://ssir.org/articles/entry/the_curb_cut_effect
https://commons.wikimedia.org/wiki/File:Pram_Ramp.jpg
https://99percentinvisible.org/episode/curb-cuts/
https://services.anu.edu.au/human-resources/respect-inclusion/different-types-of-disabilities
https://www.apple.com/au/accessibility/iphone/vision/
https://support.microsoft.com/en-au/help/22798/windows-10-narrator-get-started
https://support.google.com/accessibility/android/answer/6283677?hl=en
https://www.freedomscientific.com/products/blindness/jawsdocumentation
https://www.imore.com/how-use-voiceover-iphone-and-ipad
https://www.campaignmonitor.com/resources/guides/alt-text-in-email/
https://addons.mozilla.org/en-US/firefox/addon/web-developer/
https://litmus.com/blog/best-practices-for-plain-text-emails-a-look-at-why-theyre-important
https://blog.hubspot.com/marketing/plain-text-vs-html-emails-data
https://www.smartinsights.com/email-marketing/email-deliverability/plain-text-vs-html-emails-2/
https://help.campaignmonitor.com/plain-text-versions-of-html-emails
https://www.youtube.com/watch?v=NUMa0QkPzns
网友评论