如何在 2023 年创建可访问的 B2B 网站

现在是 2023 年，时至今日，残障用户仍难以访问博客、网站和各种其他材料。 存在一种明显的无意排斥模式，即营销材料不适合能力不同的人。

只有 3% 的网站可供残障用户访问。 可访问的B2B网站的数量甚至更少。

而且，由于这些网站具有独特的交互工具，如内容门控表单和长篇博客，实现 Web 可访问性的需求迫在眉睫。

在此博客中，我们将通过解释什么是网站可访问性、如何实现它以及它如何帮助 B2B 企业将其影响力扩展到服务严重不足的市场部分来帮助您弥合差距。

什么是网络可访问性，为什么它很重要？

Web 可访问性标准和最佳实践确保残障人士可以参与基于 Web 的体验。

这包括浏览网站、下载电子书、观看网络研讨会等等。

没有一种通用的可访问性方法。 残疾有多种类型，每一种都会对不同的人产生广泛的影响。

但是，网站所有者可以以标准化方式解决这些影响。

Web 内容可访问性指南（简称 WCAG）建立了解决残疾 Web 用户需求的最佳实践。

遵循这些准则并不能保证每个残障人士都能使用您的网站。 但是，它们提供了一个共同的起点，允许网站所有者使他们的网络体验更具包容性。

WCAG 也是遵守美国残疾人法案（简称 ADA）的核心。
在大多数情况下，符合 WCAG 标准的网站也符合 ADA 标准。

遵循 WCAG 协议是确保 ADA 合规性的最佳方式。

并非每个网站在设计时都考虑到了合规性。 事实上，很少有人这样做。

这就是 B2B 网站所有者使用 WCAG 合规性检查器来了解他们如何改进 Web 可访问性的原因。 这将帮助您找出阻碍您实现 WCAG 合规性的因素。 您将获得一份详细的报告，突出显示您的网站需要调整的区域，以实现最佳的网络可访问性状态。

残疾人群体的购买力

虽然从道德角度来看，可及性很重要，但它也是一个有价值的品牌差异化因素。

全球约有 15% 的人口患有某种形式的残疾。 残疾不受国家或文化障碍的限制。 它们影响着地球上每个地方的每个人口。

这意味着您的客户群部分由残障人士组成。 凯斯勒基金会报告说，残疾人在美国劳动力中所占比例越来越大。 与去年同期相比，趋势继续加速，并保持一致的百分点增长。

忽视这些人不仅是不公正的，也是不明智的。

如果您的 B2B 营销策略依赖于为您的博客带来有机流量，那么排除大约 15% 的潜在客户是没有意义的。

然而，这正是许多企业所做的。

对于残障人士，Web 可访问性对于用户体验绝对至关重要。

其中许多人发现不合规的网站无法使用。 与其他人一样，他们会遇到内容，但完全无法与之互动。

该内容在 B2B 买家的旅程中起着至关重要的作用。

这是正确的做法，也是有利可图的商业策略。

如何创建可访问的网站

官方 WCAG 2.1 文档包含 100 多页的高技术网页设计和交互标准。 这是一份包含许多规则、条款和规定的令人生畏的文件。

但是，您无需成为无障碍方面的专家即可构建无障碍网站。
许多 WCAG 2.1 协议围绕一组易于理解的核心原则展开。

在您的网站中实施这些，您将顺利实现可访问性合规性：

允许键盘导航

鼠标是一种很棒的工具，但它不是很容易使用。 触摸板和触摸屏显示器也是如此。 有视觉或运动技能障碍的人不能使用这些设备。

相反，许多残障人士使用专用键盘。
像这样的设备几乎可以将任何类型的物理输入——比如史蒂芬霍金的脸颊抽动——转化为键盘命令。

同样，像 JAWS 这样的屏幕阅读软件完全依靠键盘命令工作。 如果您的网站有无法通过键盘访问的按钮或功能，屏幕阅读器用户将无法使用它。

允许人们仅使用键盘命令来浏览您的网站和使用内容是提高网站范围可访问性的最佳方法之一。

这对于使用交互式内容（例如视频形式）来捕获和转换潜在客户的 B2B 网站尤为重要。

利用标题层次结构

标题对于屏幕阅读器用户尤其重要。
这些解决方案根据网页的标题结构将文本内容组合在一起。 这允许有视觉障碍的用户浏览内容而不必阅读页面上的每个单词。

如果您的网页未能使用正确的 HTML 标题，他们将无法执行此操作。

通常，当内容编写者将普通文本块与其他普通文本分开时，就会发生这种情况。 分隔文本可能会放大或加粗，但它不是标题。 屏幕阅读器将以与页面上其他内容相同的方式阅读该文本。

标题是网页结构的一部分。 它们被标记为特定的重要性等级，通常从 H1 到 H4。 所有富文本编辑器都允许内容编写者使用这些标题来分隔文本块。 确保您的网站也这样做。

添加描述性替代文本

图像文件给屏幕阅读器用户带来了问题。 当屏幕阅读器遇到图像文件时，它会向用户读取图像的 alt-text 标签。 如果没有替代文本，软件将简单地大声说出“图像”，然后继续。

向图像添加替代文本可以让屏幕阅读器用户理解他们可能会错过的上下文线索。 如果有问题的图像上有重要信息，那么 alt-text 标签是屏幕阅读器唯一可以获得该信息的地方。

这对于支持书面内容的图像尤为重要。 图表、信息图表和其他解释性图像在 B2B 内容营销中起着至关重要的作用。 替代文本标签确保有视觉障碍的人可以正确理解这些图像。

替代文本标签的描述性越强越好。
尝试封装图像的价值并说明为什么首先选择它。

完美的色彩对比艺术

不良的色彩对比会对可用性和可访问性产生巨大影响。 即使是视力完美的人也无法轻松阅读写在相似颜色背景上的文字。 可访问的网站文本必须设置在提供良好颜色对比的背景下。

对于大多数网站来说，颜色对比在正文中并不是一个难题。 对于横幅、标题文本和页面标题来说，这是一个更为常见的问题。 那是因为此文本通常覆盖在图像上。 如果文字和图片的颜色太相近，会让人看不懂。

Rock Content 的主页是色彩对比的一个很好的例子。 它在主图像后面有浅紫色光斑背景，顶部有黑色文字。 它简单、有效且易于阅读。

您可以采取一些措施来修复网站上的颜色对比度：

将文本颜色调整为 4.5:1 的对比度是最简单的解决方案之一。
许多可访问的网站在背景图像和标题文本之间放置了一个透明框。 其他人只是将标题文本移动到图像旁边，而不是在图像之上。

确保视频可访问

视频营销是任何现代 B2B 营销策略的核心组成部分。 如果您想展示产品或演示新技术，视频是您可以选择的最身临其境的格式。

然而，视频也可能是对残障用户最具挑战性的格式之一。 它结合了音频和视觉信息来讲述一个故事，大多数视频播放器都有一个点击界面。

字幕和文字记录在帮助残障人士享受视频内容方面发挥着至关重要的作用。 字幕非常适合有听力障碍的人，而文字记录也能让屏幕阅读器用户跟上。

确保视频内容的键盘可导航性可能很困难。 并非所有视频托管提供商都提供可访问的用户体验。 发布成绩单可能会让你绕过这一要求，但它并不总是能很好地完美传达视频内容的含义。

表格也是如此。

如果您使用表格对视频内容进行门控，则必须确保它易于访问且易于填写。 它应该清晰易读，可通过键盘导航，并且与屏幕阅读器兼容。

通过强大的第 3 方解决方案优化合规性

WCAG 协议包含大量技术设计细节。 其中包括特定的颜色对比度、可操作性标准、锚链接性能等。

手动验证所有这些是一个困难且耗时的过程。 您需要记住、检查和交叉引用网站每个页面上的数百个次要技术细节。

Web 可访问性工具可以帮助您自动执行此任务。 accessWidget 等工具结合了 AI 以自动修复您站点中无法访问的代码。

它还使残障网站访问者能够根据他们的个人需求修改您网站的用户界面。 这包括调整颜色和显示选项、启用键盘导航以及调整屏幕阅读器技术。

请注意，并非 WCAG 标准中的所有要求都可以自动化。 其中一些要求涉及内容向用户传达“意义”的方式。 只有人类才能验证这一点。

无障碍是一项持续的承诺

可访问性不仅仅是要检查的合规框。 无法保证每个残障人士都能找到您的网站及其所有内容。 可访问性之旅的一部分涉及从残疾人那里获取反馈并加以实施。

你越早开始这段旅程，结果就越好。 花时间审核您的网站并确定可以改进内容可访问性的区域。 接触残障人士社区并向其表明您对其成功和融合的投入。 它会以实物回应。

有关如何向不同受众推销您的业务的更多指南，请查看我们的营销计划包。