如何在 2021 年创建符合 WordPress ADA 的网站

美国残疾人法案 (ADA) 确保残疾人能够平等和公平地获得就业、住房和交通。 该立法还明确指出,可访问性不仅仅是物理上的——它也适用于数字世界,包括您的网站。 这就是为什么创建一个符合 WordPress ADA 标准的网站很重要的原因。

幸运的是,有很多信息和软件可以帮助您创建符合 ADA 标准的网站。 通过遵循一些简单的最佳实践并使用免费工具,您可以确保所有人(包括残障人士)都可以访问您的内容。

在这篇文章中,我们将探讨 ADA 是什么以及为什么遵守它以避免法律诉讼很重要。 然后,我们将分享您今天可以实施的四个辅助功能提示。 让我们开始吧!

为什么您的网站需要符合 ADA 标准

美国残疾人法案 (ADA) 是一项关于歧视残疾人的法律。 它包括禁止企业根据个人能力拒绝提供住房或工作的保护措施,并要求公平获得教育、交通、公共空间等。

这些保护也延伸到所有电子和信息技术。 ADA 合规性影响几乎所有网站,确保您的网站可供尽可能多的人访问总是值得的。

但是,ADA 特别指出,如果您是拥有 15 名或更多员工的私人雇主,或者您的企业为公众利益而运营,则您必须遵守无障碍政策。 州和地方政府机构网站(包括学校网站)也必须符合 ADA 标准。

网站的一些可访问性标准包括:

  • 通过使用屏幕阅读器,让视障访问者能够感知您网站的内容
  • 为聋哑用户提供音频内容的字幕或转录
  • 支持键盘导航,因此无法使用传统计算机鼠标的用户可以在您的网站上四处移动
  • 实施无障碍设计以适应色盲用户和光敏用户

然而,这份清单并不全面。 我们将在本文后面进一步讨论这些要求。

如果您的网站不符合这些标准,那么您可能会陷入合法的困境。 即使您没有刻意让残障人士无法轻松访问和使用您的网站,仍可能有理由对您提起诉讼。 这不仅仅是理论上的——已经有一些关于 ADA 网站合规性的备受瞩目的诉讼,例如一直到美国最高法院的多米诺披萨诉讼。

创建一个更易于访问的网站不仅是正确的做法,它还可以使您的业务受益。 根据世界卫生组织 (WHO) 的数据,超过 10 亿人患有某种类型的残疾。 这相当于全球人口的 15% 左右 [1] – 有很多潜在的新客户!

如何创建符合 WordPress ADA 标准的站点(四个关键提示)

现在您知道 ADA 是什么以及它为什么重要,让我们看看如何使您的 WordPress 网站符合 ADA 标准。 以下是创建更易于访问的网站的四个技巧。

1. 了解符合 WordPress ADA 标准的网站是什么样的

美国司法部尚未发布任何正式的 ADA 合规指南,但已提供了一些建议。 特别是,ADA 鼓励组织遵循 Web 内容可访问性指南 (WCAG) 2.0 AA 级。

这些准则规定访问者必须能够感知您网站上出现的所有信息。 这通常意味着为您网站的媒体提供替代品。 例如,许多流行网站(包括 YouTube)为其音频和视频内容提供字幕:

带字幕的 YouTube 视频。

访问者还应该能够理解您的内容。 为了解决这个问题,提供有关如何与您网站的某些部分进行交互的额外指导可能会有所帮助。 例如,您可以使用建议的输入提示来阐明访问者应在您的联系表单中输入的信息:

带有有用提示的联系我们表格。

此外,如果用户输入了不正确的信息,则尝试提供修复这些输入错误的建议。 这比简单地显示一般错误消息更有帮助。

一些访问者可能会通过屏幕阅读器与您的网站互动。 对于这些人来说,描述性替代文字对于帮助他们理解您网站的图片至关重要:

使用替代文本创建符合 WordPress ADA 的网站。

有视觉或手动灵活性问题的人可能会发现使用导航控件(例如键盘或小键盘)与您的站点进行交互更容易。 对于这些用户来说,拥有清晰一致的导航结构非常重要。

您可能还想提供当前“焦点”元素的视觉指示。 这是访问者下次执行操作(例如按键盘上的 Enter 键)时将被激活的元素。

2. 查看您的网站以了解其当前的合规性

可访问性是一个巨大的话题,创建一个对用户更友好的网站有很多元素。 如果您只忽略了一个与可访问性相关的因素,那么它可能会阻止潜在客户对您的网站产生积极的体验。

Web 可访问性评估工具对于识别可能影响您网站可用性的广泛问题通常是无价的。 网站可访问性评估 (WAVE) 是一套工具,可以扫描您的网站并列出任何潜在问题:

使用 WAVE 测试您的 WordPress ADA Compliant。

您可以单击随附的 i 图标以查看有关每个检测到的错误的更多信息。 WAVE 甚至会建议可以更深入地了解每个可用性问题的资源:

网站可访问性评估 (WAVE) 工具。

WAVE 仅限于一次扫描一页。 为了加快这个过程,您可能需要安装 WAVE for Chrome 或 WAVE for Firefox 扩展程序,这样您就可以在当前查看的网页上运行 WAVE。

3. 遵循经过验证的最佳实践来创建可访问的网站

一旦您测试了站点的可访问性并编译了结果,您就可以开始解决您确定的每个问题。 首先,重要的是要评估您网站的内容并考虑是否可以为所有媒体提供替代输出。

我们建议尽可能为您的音频和视频内容提供专业转录的字幕。 但是,还有一些软件可以为您自动生成字幕:

自动生成字幕以创建符合 WordPress ADA 标准的网站。

您还应该为您网站的所有视觉效果提供文本替代。 这对于通过屏幕阅读器等辅助工具体验您的网站的任何人来说都是无价的。 在 WordPress 中,您可以通过媒体库添加替代文本:

WordPress 媒体库。

避免在图像中包含文本也是一个好主意。 大量的图像内文本可能会使单独使用替代文本来描述您的图形变得困难。 相反,请考虑您是否可以使用代码创建类似的效果。 例如,您可以添加您尝试以纯文本形式传达的信息,然后使用 CSS 对其进行样式设置。

为了帮助有视觉障碍的访问者,我们建议您将所有文本的对比度保持在至少 4.5:1。 您的文本也应该最多可调整 200% 的大小。 这里的技巧是提供这种灵活性而不影响您网站的功能,这可能需要彻底的可用性测试。

如果您想了解有关影响您网站的问题的更多信息,我们建议您通过 WAVE 工具运行您的内容,并花时间阅读所有建议的资源。

WCAG 指南被广泛接受为可访问性的行业标准。 您可能还想参考 WebAIM 的可访问性清单,该清单旨在浓缩官方 WCAG 2.1 规范。

4. 考虑安装插件以提高您网站的合规性

正如您所料,不乏承诺帮助您实现 ADA 合规性的 WordPress 工具和插件。 您可以使用 WP ADA Compliance Check Basic 扫描整个网站的可访问性问题:

一个 WordPress ADA 兼容插件。

此插件将建议提供有关每个检测到的问题的更多信息的资源。 您还将获得受影响代码的直接链接,这对于解决更复杂的可访问性问题非常有用。

另一种选择是 Accessibility Checker 插件,它旨在成为 WordPress 特定的 WAVE 替代品,让您可以从 WordPress 仪表板内部扫描整个网站。

作为网站所有者,有很多方法可以使您的网站更易于访问。 但是,您选择的 WordPress 主题可能会破坏您的所有努力。 尽管有许多专业开发的主题,但即使是经验丰富的 WordPress 设计师有时也可能会忽略重要的可访问性原则。

WP Accessibility 插件可以帮助您解决 WordPress 主题常见的问题。 激活此插件后,导航到 WordPress 仪表板中的设置 > WP 辅助功能:

Web 可访问性插件。

在这里,您会找到各种以辅助功能为重点的设置,您可以根据主题的设置方式打开或关闭这些设置。 这包括向链接添加大纲:焦点状态以获得更好的键盘导航,并使用 longdesc 提供有关图像内容的更多信息。

重要的是要注意,尽管某些插件可能声称,但没有“即插即用”的解决方案来创建 100% 可访问的网站。 插件可以很好地扫描您的站点以查找问题并进行一些调整,例如 WP Accessibility 中的那些(这是插件的开发人员分享他的想法)。 但要警惕任何使用“覆盖”方法并声称仅通过激活插件即可提供 100% ADA 合规性的插件。

立即创建一个符合 WordPress ADA 标准的网站

让每个人都可以访问您的网站不仅仅是正确的做法。 它还可以保护您免受法律后果的影响。 通过确保您的网站符合美国残疾人法案 (ADA),您还可以扩大潜在客户群。

让我们快速回顾一下创建符合 WordPress ADA 标准的网站的四个技巧:

  1. 了解符合 ADA 标准的网站是什么样的。
  2. 使用网站可访问性评估 (WAVE) 等工具查看您的网站以了解其当前的合规性。
  3. 遵循经过验证的最佳实践来创建可访问的网站。
  4. 考虑安装插件,例如 WP ADA Compliance Check Basic 和 WP Accessibility,以提高您网站的合规性。

对于其他一些有用的帖子,您可以阅读我们关于如何改进 WordPress 可访问性的指南以及我们收集的八种有用的可访问性测试工具。

您对创建符合 WordPress ADA 标准的网站有疑问吗? 在下面的评论部分让我们知道!

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/2021060846075.html