营销人员的数字可访问性第 2 部分：用户体验和网站
已发表: 2022-06-16在本系列关于数字可访问性的第一篇文章中，我们谈到了营销人员可访问性的“原因和原因”。 现在是“如何”的时候了。
请注意，我们有意将我们的建议限制在那些非常容易实施且与营销人员相关的元素上。 本系列绝不是企业在可访问内容方面需要了解的所有标准的完整列表。 如果您想了解可访问性指南和 WCAG 标准的细节，请查看 TGPi 电子学习计划。 这是一个自定进度的选项，您可以使用它来保持您的技能新鲜或快速了解可访问性技术和最佳实践。
让我们继续推荐！
可访问性和用户体验
流畅、轻松的用户体验是每个营销人员的北极星。 个人完成关键任务的难易程度以及内容满足预期的程度对其有重大影响，并将决定您的营销工作成败。
有道理，对吧？ 如果你想在网上买东西，但在输入信用卡信息时遇到问题，或者你想要的商品缺货，你的用户体验质量就会直线下降。 首先，因为你无法完成你打算做的事情，其次，因为你希望能够完成它，但那是不可能的。 这种双重打击几乎肯定会确保您不会返回该特定网站！
作为营销人员，您非常了解卓越用户体验的重要性。 您甚至可能正在对其进行测试（对您有好处！）或进行分析来衡量它。 这些措施对于优化您的营销渠道至关重要。 但是，您可能没有做的是测试用户体验的可访问性。 （如果你不是，没有判断力！这就是这一系列帖子想要改变的。）
用户旅程
用户旅程（也称为用户流或用户路径）是用户在您的网站上执行的一系列操作。 关键的用户旅程与您网站的主要目标一致，例如完成购买、提交表单、观看视频、阅读帖子等。
出于多种原因，您应该始终优先考虑对基本用户旅程进行可访问性补救。
首先，尽管您的网站可能拥有令人惊叹的内容，但如果用户无法完成访问您网站的主要目标，那么您将永远失去一位客户。
其次，不幸的是，许多残疾人在做别人认为理所当然的事情时会遇到挑战。 他们通常期待他们，因为世界上很多地方都不是在考虑他们的特殊残疾的情况下创造的。
平均而言，对无关内容的次要可访问性问题不太可能使他们沮丧到提起法律诉讼的程度。 但是，如果他们无法完成他们在您的网站上完成的一件事，您就会面临巨大的法律风险，尤其是如果您是美国品牌。
测试您的关键用户路径
那么，您如何测试关键用户流的可访问性？ 如果您选择手动路线，您可以对残障人士进行用户测试，或使用 TPGi 的 ARC 工具包（稍后会详细介绍）之类的工具检查每个步骤的代码，以识别 WCAG 故障。
虽然手动测试最终更加全面，但如果您希望立即识别关键用户路径中的可访问性错误，您可以使用 ARC Monitoring 的用户流功能自动扫描每个组件的可访问性。 您可以包含用户旅程的所有组件和动态交互，从图像到对话框，以进行扫描，并且您将能够随着时间的推移跟踪错误，以帮助改进您的内部补救流程。
您可以将您从 ARC 的用户流监控中获取的信息与您的其他分析工具（例如 Google Analytics（分析）漏斗和目标）配对，以识别阻碍用户完成所需操作的障碍。
无障碍网站
网站是您企业的数字商店或办公室。 这可能是潜在客户对贵公司的第一次（或唯一一次）印象，因此您需要使其尽可能吸引人。 也许你有几个视频，或者很多图片来打破单调，或者有价值的博客内容页面。 这些都是营销人员可以用来说服人们购买他们的产品的绝佳资产。
确保所有这些内容都可访问似乎令人生畏，但许多可访问内容的最佳实践与最佳营销实践没有区别。 请继续阅读以了解更多信息：
描述性链接文本
每个优秀的营销人员都知道，清晰对于良好的沟通至关重要。 如果你用绒毛和听起来很重要（但最终毫无意义）的词来修饰你的文案，你的信息就会丢失。 同样的道理，如果你的解释过于冗长，客户可能没有足够的信息来理解你告诉他们的内容。
高质量的内容是这两个极端之间的平衡，毫不奇怪，链接或锚文本遵循这些相同的规则。 最好的链接文本让用户了解点击后会发生什么。 描述性链接文本对于您的号召性用语副本尤其重要。 有什么能让用户更好地了解他们在单击“单击此处”或“下载我们的白皮书”时会遇到什么？ 显然是后者！ （如果您选择前者，您可能需要考虑新的职业道路。）
没有必要用时髦的词（“下载世界上最伟大的关于 Harry Houdini 的魔力的白皮书！”）来宣传您的 CTA，但是让人们知道他们正在进入什么领域是至关重要的。
为什么链接文本对于可访问性如此重要？ 首先，它极大地帮助盲人或视力低下的人浏览页面内容。 （这也适用于视力完美的人。）视力障碍用户使用一系列辅助技术来访问数字内容，例如为弱视人士提供的屏幕放大工具和为盲人提供的屏幕阅读器。 正如他们的名字所暗示的，屏幕阅读器从字面上阅读屏幕上的内容。
然而，像 JAWS 这样的屏幕阅读器允许用户在屏幕上跳来跳去，读取各种组件，而不是从上到下浏览所有 HTML。 当用户从一个组件切换到另一个组件时，屏幕阅读器只会读取链接的锚文本，而不是周围的副本。 这意味着如果您的所有链接都是相同的“单击此处”副本，那么屏幕阅读器用户将不知道如果他们点击该链接会发生什么； 他们被迫探索周围的内容以了解该链接所涉及的内容。
此外，屏幕阅读器允许用户打开“链接列表”，这使他们可以快速访问网页上的所有链接。 这是一个常见的场景，链接文本将被从其周围的上下文中读取出来，并且“单击此处”之类的内容成为一个真正的问题。
图像的替代文字
替代文本或“替代文本”描述您网站的图像，以便屏幕阅读器用户可以更全面地了解每个网页的内容。 如果您选择用作视觉解释的图像，那么如果您放弃替代文字，看不到它们的人将会不知所措。
但是，如果您出于纯粹的审美原因而包含图像（也许您真的很喜欢弓着背在电脑前的人的照片）并且您有多个图像，您可能不想为所有图像添加替代文本。 屏幕阅读器会阅读每张图片的所有替代文字，如果文字没有积极地为体验增加价值，这可能会很烦人。 如果图像可以被视为装饰性的并且没有增加对页面内容的额外含义/理解，则应通过提供空的 alt 属性将其隐藏到辅助技术中。
结构良好的网站
适当地使用您的标题标签，以便视障和非视障读者都可以浏览页面并对内容有基本的了解并轻松导航。 遵循标题的最佳实践，例如以描述页面内容的 H1 开始每个页面，然后使用 H2 和 H3 作为子标题。 有意使用标题标签； 不要随意错开它们而不考虑结构。
尽管您可以通过 CSS 样式通过视觉方式区分标题，但屏幕阅读器用户并没有看到这些区别的奢侈。 使用格式正确的页面布局以确保有视力障碍的用户可以轻松地使用您的内容，这一点尤为重要。
尽量减少密集段落，尽可能使用较短的句子，避免使用行话或俚语。 更清晰、更简洁的文案将帮助有认知障碍的用户更好地理解您的内容，也有助于最大限度地减少所有读者的困惑。
也许您听说现在人们的注意力跨度比金鱼的要短？ 如有疑问，请分解； 让它尽可能简单。
颜色对比度
让我们希望您组织的风格指南不是由圣诞老人设计的，因为使用红色和绿色作为互补色不会给您的用户带来任何好处。 颜色对比是无障碍设计的基本要素。 视力低下的人可能会发现很难区分过于相似的颜色，而对于色盲用户来说，许多颜色是无法区分的。
您可以尝试 TGPi 的免费色彩对比度分析器工具，它将消除确定足够色彩比率的猜测。 使用颜色选择器选择前景色和背景色，CCA 会告诉您对比度是否合适。
无障碍表格
几乎每个站点都使用表单来使用户能够完成任务。 无论您的业务是电子商务、基于服务的业务，还是仅仅是在线展示，它都很可能包含一个表格。 但是，表格对残障人士来说可能很棘手。 有几个技术考虑因素（阅读：开发人员实施的考虑因素）以及非技术因素，没有编码知识的营销人员可以轻松遵循。 以下是非技术性的最佳实践：
- 保持表格简洁——获取客户联系信息，然后建立关系以吸引他们并汲取更多额外知识
- 提供清晰的说明和可见的标签——没有人喜欢令人困惑的表格
- 验证输入（撤消更改/确认） - 通知用户任何问题以及如何解决它们
- 用户通知（成功/失败） ——让用户知道表单提交是否成功
- 采用多页或渐进式- 如果您必须有更复杂的表单，请瞄准不会压倒用户的多页或渐进式表单
- 取消时间限制或提供选择——时间限制可能有助于强迫购物者购买，但会给有严重焦虑问题的人带来过度的压力
面包屑
面包屑是您网站上的一种导航形式，可让您查看当前正在浏览的页面如何适应更大的图片。 它们通常是指向更高级别页面的链接。
销售服装的电子商务网站上的面包屑路径示例可能是
女装 > 夹克 > 羊毛 > 豌豆大衣。
面包屑对于寻路很有用，使用户无需从头开始他们的旅程即可轻松导航回更高级别的页面。
由于几个原因，它们对残疾人尤其重要。 一方面，有认知障碍的用户将始终受益于最大限度地减少歧义的用户友好体验。 如果您的网站庞大且复杂，则面包屑导航尤其重要。 面包屑导航还可以立即定位屏幕阅读器用户，使网站导航不那么费力。
虽然面包屑显然对残障用户有帮助，但与许多可访问性最佳实践一样，它们改善了所有用户的体验。
聊天机器人和第三方集成
许多网站为其网站利用第三方集成，例如聊天机器人、弹出模式、动态登录页面等。不幸的是，第三方软件通常在很大程度上无法访问，而公司无法修复它使情况更加复杂。
如果您的组织选择将第三方应用程序集成到您的网站，请务必在添加之前让专家对其进行评估。 虽然您可能无法协调许多可访问性故障，但您至少会了解您所承担的风险级别。 您还可以要求供应商提供可访问性声明或保证以构建合同（尽管您仍应在实施之前测试产品以验证其准确性）。
作为旁注，请始终向您的供应商询问其产品的可访问性。 要求无障碍产品的客户越多，供应商就越有机会倾听并开始将无障碍功能整合到他们的产品构建中。