如果你问十几个人什么是电子邮件可访问性,你会得到十几个答案。
这是因为,从本质上来说,可访问性是一个棘手的话题。
从最基本的形式来看,这是一种让所有人都参与到您的受众中的方式。然而,无障碍电子邮件设计的具体细节让事情变得比看上去更复杂。
从字体大小和颜色到 HTML 元素, whatsapp 数据库 一切都会影响电子邮件的可访问性(或缺乏可访问性),了解这些部分如何相互作用可能很困难。但是,掌握这种微妙的相互作用可以带来巨大的回报!
所以,今天,我将回顾一些基本的电子邮件可访问性主题,以帮助您掌握电子邮件营销。
什么是电子邮件可访问性?
今天的博客文章中有很多内容需要涵盖,所以让我们直接开始行动吧!
对于电子邮件营销专家来说,可访问性是将每个人都纳入受众的过程。每个用户——无论身体状况或技术能力如何——都应该能够享受电子邮件。
电子邮件可访问性最常见的角度是物理因素,许多品牌会仔细考虑视障用户如何与内容互动。但是,也需要考虑技术障碍!用户的浏览器、邮件应用和设备可能会无意中影响邮件的显示方式。
为什么电子邮件可访问性很重要?
有些人可能认为可访问性对于一小部分人来说是一个无关紧要的功能,但创建可访问的电子邮件有很多实际好处。
具有无障碍功能的广告系列往往效果良好,用户会注意到品牌为实现包容性所做的努力。事实上,许多无障碍最佳实践让每个人都受益!
即使在身体残疾的情况下,如何利用电子 无障碍电子邮件属性也可以改善用户的整体体验。例如,许多电子邮件客户端会屏蔽来自不受信任地址的图像。但是,替代文本始终可用,让用户能够看到原本可能显示为空白的图像。
如果您仍然不相信电子邮件可访问性很重要,那么请考虑这一点:缺乏可访问的内容可能会使您的品牌陷入模糊的法律困境。
围绕数字访问的法律纠纷不断增多,未能考虑到所有人的利益可能就是公司走向末路的开始,我这么说并非为了夸张。《华尔街日报》 支持这一说法,指出 74% 的数字访问案件都是针对电子商务品牌的。
最终,可访问性问题会影响每个人,而包括复杂元素的备份始终会给发送者带来好处。
基本无障碍指南
我将用几段文字将这篇文章分成几个部分,分别介绍电子邮件可访问性的各个主要分支。不过,我将首先介绍每个电子邮件营销人员都应该知道的一些标准化技巧。
您将在此处看到的许多提示均由影响网络可访问性标准的万维网联盟 (W3C) 提供。该组织还提供大量免费的可访问性测试工具,包括颜色对比度检查器和字体大小评估。
利用替代文本
在电子邮件中包含任何非装饰性图像时,无障碍营销策略还会规划出描述性图像替代文本。这段代码对大多数人来说是隐藏的,但对于有视力障碍的用户来说,它是必不可少的元素。
这些小细节是让每封电子邮件都易于访问的重要步骤,而且它们的加入也有助于没有辅助技术的用户!当图像加载失败时(如果图像被阻止或用户的互联网访问不良,可能会发生这种情况),大多数电子邮件服务提供商默认显示替代文本。
但是,在开始向每张图片添加替代文本之前,您应该了解一些注意事项,即:
- 明智地应用替代文本:如果任何图像不是必需的(即装饰图案、漩涡或附加内容),则不需要替代文本。添加空白替代文本标签 (alt=“”) 将告诉屏幕阅读器跳过此装饰性视觉元素。
- 简洁:大多数替代文本应为几句话或更少。避免对数字做出假设,仅包含必要信息。
- 考虑上下文:虽然大多数电子邮件都比较短,但有些新闻稿可能需要更广泛的替代文本。一封电子邮件中的房屋图片可以在一份新闻稿中简洁地描述,但在另一份新闻稿中则需要更长的解释。考虑周围文本的上下文和语气来为您的替代文本提供参考。
- 提供多种选择:对于复杂的图像(即信息图或图表),请在周围文本中包含大量背景信息。但是,必要时应在替代文本中重申相关信息。
掌握易读主题行的艺术
即使(或者可能尤其)在可访问性领域,主题行也是您最重要的资产之一。如果由于您过度使用标点符号、全部大写或主题行太长而导致用户的屏幕阅读器出现问题,那么他们打开您的电子邮件的可能性就很低。
在每个广告活动中,您都应努力使用简洁、描述性强的主题行,但要改掉全大写的习惯可能很难。尝试使用表情符号或非常生动的动词或形容词来帮助您的电子邮件脱颖而出。
使链接文本明显
再次强调,这是那些可以对更广泛的受众产生积极影响的可行电子邮件技巧之一。
通过使链接文本大而明显,您可以迎合大量受众。当然,最明显的目标人群是视力、行动和认知障碍有限的用户。但是,您也会让那些在使用技术方面有困难的读者更容易理解!
为了获得最佳效果,请在设置每个链接的格式时考虑多种可访问性问题。有些用户有视力障碍、精细动作控制问题和技术技能较差。为了适当地满足每个人的需求,请混合搭配以下一些链接文本标准:
- 缓冲空间:即使是我们当中最优秀的人,在移动设备上点击那些小链接也会遇到困难。使用空白和硬编码缓冲区为重要链接留出足够的空间。
- 清晰度和上下文:避免使用“单击此处”等模糊语句。相反,使用描述性链接文本。好的例子包括“在商店购物”或“浏览促销”等短语。
- 颜色对比:使链接的颜色与其余文本不同。这表明这是访问更多内容的有效方式。
- 摒弃纯链接:虽然这已经是一种糟糕的做法,但一些企业仍然坚持发送带有纯复制粘贴链接的电子邮件。然后屏幕阅读器将逐字读取这些 URL!
- 了解您的代码:包含正确实施的链接大有裨益。虽然华丽的图形可能会吸引一些观众,但那些使用键盘导航工具的人会发现他们无法与消息正确交互。为了解决这个问题,请始终为每封电子邮件包含纯文本后备!
为认知障碍者设计
虽然辅助设备(例如屏幕阅读器和眼动追踪软件)通常集成到现代、可访问的电子邮件设计中,但许多品牌未能考虑到认知障碍。
这一广泛的术语包括患有阅读障碍和计算障碍以及阅读困难的用户。从广义上讲,本节中解释的措施也使使用不同语言的用户受益。
避免使用华丽的字体
就全球可访问性标准而言,最大的错误之一就是使用过度装饰的字体。
虽然装饰字体很醒目,但很多装饰字体却难以阅读。它们可能适合用于简短而强调的元素,但绝不能成为信息的主体。
展示这一概念的最好方式是通过视觉内容,因此请快速看一下这张图片:
哪条信息更容易阅读?
同样的循环和装饰使上面的文字显得突出,但也使其难以阅读!如果用户已经有障碍(即阅读障碍或英语作为第二语言),他们会很难或无法理解图像。
相反,底部的文字采用每个操作系统中都包含的众多清晰易读的无衬线字体之一。这确保任何收件人都可以轻松解析图像,并且它还可以作为一种简单的方法,确保每个人都能理解您的电子邮件活动。
想要进一步增强字体选择吗?您可以采取一些小步骤来增强电子邮件活动的可读性,包括:
- 避免使用全部大写字母:虽然全部大写字母适用于简短的动作或短语,但不应用于超过两行的内容。(使用大写字母也会干扰某些屏幕阅读器应用程序。)
- 规划设计元素:应谨慎选择品牌的字体。无衬线字体是最易读的选择,尽管衬线字体也可以。但是,应避免使用等宽字体(看起来像打字机打印出来的字体),因为它们难以阅读。
- 内容间隔:将长语句分成较短的段落有助于每个人理解内容。品牌还应考虑咨询平面设计师有关间距、行高和字距调整的问题。
- 使用一致且清晰的字体:电子邮件不是绣花枕头。您只需要几种字体即可传达您的信息。通常两三种不同的字体就足够了。
- 使用标准尺寸的文本: 16 点字体大小是大多数正文的标准。有些字体比其他字体大,在某些情况下 12 点字体是可以接受的。
削减那些列
它可能适用于报纸,但多列布局对于电子邮件来说是不可接受的。
除了确保每个用户都有相同体验这一显而易见的挑战之外,让移动设备正确显示多列消息也是不可能的。内容会过于混乱,图像经常溢出到不合适的空间。此技巧也适用于格式化为表格的电子邮件。
相反,使用简单的单列布局。这种格式总是看起来不错,并且它可以在多个网络邮件客户端上完美显示。单列布局还可以简化使用屏幕阅读器的个人的导航。
使用简单的语言
最好的版本适合 13 至 15 岁的孩子阅读。
这可以保证尽可能广泛的传播范围并减少误解。为了实现这一目标,请确保您的文案传达清晰准确的信息。让您的内容在认知层面上更容易理解的一些最佳方法包括:
- 避免使用缩写和俚语(适当时)
- 将内容分成更小的部分
- 讲解高级内容
- 使用基本语言
- 使用较小的文本块
现在,使用包容性语言可能会很棘手。
在决定使用哪种语言之前,先了解你的受众。虽然年轻的受众能够理解 LOL 和 OMG 等缩写,但年长的受众很难理解这些口语。同样,B2B 营销策略可以比 B2C 通讯更自由地使用行业简写。
为物理可访问性而设计
另一类无障碍内容侧重于确保行动不便的用户可以轻松访问和处理电子邮件。
此部分可帮助患有关节炎、脑瘫、瘫痪和震颤等疾病的用户。手臂骨折或肌肉扭伤的用户也将享受这些功能。
给互动留出足够的空间
白色空间不仅有助于认知和视觉障碍,还能帮助行动不便的用户。在交互元素(即超链接文本和按钮)周围添加足够的填充可确保用户不会意外点击错误的项目。
一般来说,每个主要交互都应该有自己的文本行。可以根据需要添加额外的缓冲区,尤其是当电子邮件不包含较大的图像或按钮时。
注意长度
虽然我已经在认知可访问性部分讨论过这个问题,但电子邮件的长度也会影响其物理可访问性。
可以这样想:如果用户难以使用鼠标或滚动手机,那么阅读长电子邮件就变得很麻烦。通过压缩内容并为长篇内容使用出站链接,您可以确保更多人能够理解您的信息。
确保每个用户无需过多交互就能理解内容的最佳方法包括:
- 在电子邮件中创建可折叠部分
- 包括较长文章的链接
- 限制不必要的闲聊
- 提供动态电子邮件以供定制查看
- 将重要信息放在电子邮件顶部
视觉无障碍设计
最后,您需要考虑视障用户和屏幕阅读器用户如何与您的内容互动。
虽然我们已经介绍了替代文本,但还有其他方法可以满足有视觉障碍的客户的需求。许多组织(包括国际标准组织)已经制定了创建真正可访问的视觉内容的基本准则。
与所有这些技巧一样,本节中的信息对您的所有受众都有好处。细微的调整可让每个人都更轻松地阅读内容,而高对比度的视觉效果可增强您的广告活动的视觉效果。
考虑对比
在网页设计中,文本具有一种称为对比度的属性。该数字衡量文本颜色与背景之间的差异。至关重要的是,标准化的对比度适用于所有设备和亮度设置,并且有许多免费工具可用于检查您的对比度。
该标准侧重于提高视力障碍和色盲用户的可读性,但许多其他人发现,提高对比度可以使信息更易于阅读。4.5 :1 是普通正文的最低对比度,但对于大文本,设计师可以将对比度降低到 3:1。
7:1 的色彩对比度是普通文本的黄金标准。
如果您碰巧在电子邮件中使用富文本格式,请记住,许多用户也启用了暗黑模式。设计电子邮件以适应这种替代查看模式将改善所有人的整体查看体验,并且在深夜检查电子邮件时,这是一种令人欣慰的解脱。
改善色彩对比度的一些最佳做法包括:
- 避免将文字放置在嘈杂的图像上
- 创建可由用户调整的自适应电子邮件活动
- 切勿将深色字体颜色与深色背景颜色搭配
- 切勿将浅色字体与浅色背景搭配使用
- 使用工具检查适当的颜色对比度
如果您需要快速检查任何文本的颜色对比度,请找到一个明亮的空间,并将屏幕亮度调到最低。如果您仍然可以阅读消息,那就太好了!如果不能,您需要尝试不同的颜色。
思考事物的声音
我已经讨论过屏幕阅读器,但现在是详细阐述的最佳时机。
使用屏幕阅读器时,某些元素会被大声朗读。除了标题和正文之外,用户还会听到带有 alt 属性的每个图像的描述。所以,想想这听起来会怎么样。
所有图片描述听起来都一样吗?如果是这样,请编辑您的替代文本以使其更加多样化。在执行此操作时,请确保为任何不相关的图片添加空 alt 属性。否则,屏幕阅读器会卡在这些设计元素上。
如果您使用 HTML 从头编写电子邮件,请使用适当的语义代码。
标题很重要!屏幕阅读器会读取这些额外的上下文线索并相应地组织电子邮件内容。使用键盘导航的用户也将受益于有组织的电子邮件信息。
把所有东西放在一起
那么,让我们把所有东西放在一起。
使电子邮件可访问是什么意思?
您的品牌如何开始创建可访问的电子邮件,以及将进行哪些改变以确保持续包容性?
问题太多,但具体答案却很少。每个用户都有独特的需求,许多网络邮件客户端(从 iOS 邮件到 Gmail)的自定义选项可能会让设计完美的电子邮件变得困难。此外,在某些设计中添加空白可能会破坏整个电子邮件!
然而,当你权衡利弊时,结果总是相同的。即使这不是最简单的选择,让电子邮件易于访问始终是最佳选择。
您添加的这些小细节将有助于读者在晴天看到您的电子邮件活动。母亲用另一只手臂抱着孩子,她会喜欢这些链接周围的额外空白。这些有意义的链接文本可以帮助匆忙赶往下一个会议的忙碌商人。
可访问性问题影响到每个人,我会一遍又一遍地重复这一点!
最微小的细节都会带来巨大的变化,您一瞬间的想法可能会成为客户一生的忠实伴侣。
电子邮件可访问性的五大要点
我不会粉饰事实:网络可访问性是一个庞大的话题,这就是为什么我需要不止一篇博客文章来正确解释一切。手机号码 这只是入门课程!还有很多其他东西需要学习,这些小知识将使您的电子邮件更容易被更广泛的受众所接受。
然而,一切终究会有结束。
总结这篇博文,以下是有关可访问电子邮件你应该记住的五件事:
- 多样性设计:电子邮件客户端数不胜数,每个客户端显示消息的方式都不同。始终为高级元素提供备份和后备方案。
- 不要忽视负空间:空白是交互元素必不可少的缓冲区。超链接文本、按钮和可点击图像应配有宽大的框架,以适应握手和误点击。
- 了解您的受众:与您的受众交谈。了解您的读者会理解哪些术语,并在必要时避免使用复杂的行业术语。
- 利用对比度:保持高对比度。所有文本都应易于阅读,不会感到费力。
- 测试所有内容:发送消息前,请毫不犹豫地检查所有消息。查看屏幕阅读器朗读时所有内容的发音,并询问其他人消息是否易于理解。
招募专家
感觉不知所措吗?
如果你感到迷茫,这是可以理解的。这是一个复杂的话题,知道如何实现和处理许多移动部件可能很困难。幸运的是,这只是关于如何让电子邮件变得无障碍的系列文章中的第一篇!
此外,作为小企业主,您没有时间担心电子邮件中的细枝末节。但是,您仍然希望将每个人都纳入您的营销活动中。
电子邮件营销人员可以提供帮助。
我的专家团队了解电子邮件可访问性的复杂性,我们可以帮助您的品牌扩展其可访问性。
给我打电话,澳大利亚号码 我们可以讨论一下聘请营销专家的好处!也别忘了查看我的博客,因为我很快会发布更多无障碍帖子。