网站可访问性诉讼越来越多：WordPress 网站如何符合 ADA 标准
已发表: 2023-02-24您对美国残疾人法案 (ADA) 有多熟悉？ 不幸的是，每年都有越来越多的网站所有者在因不遵守 ADA 而被起诉时吸取教训。 ADA 的建立是为了确保残障人士能够公平和平等地获得住房、就业、交通、公共住宿、通信以及下至市级的政府计划或服务。
Seyfarth Shaw LLP 是一家领先的国际律师事务所，报告称，2022 年，联邦法院提起了 3,255 起诉讼，“指控残疾原告无法使用网站，因为这些网站的设计不便于访问和/或使用辅助技术。 ” 自 2010 年以来，这个数字每年都以 10% 或更多的速度增长。 与网站相关的可访问性诉讼现在占所有 ADA Title III 诉讼的 37%。
那么“符合 WordPress ADA 标准”是什么意思？
ADA 也适用于在线
ADA 立法已经非常清楚地表明，残疾人的无障碍性不仅仅是发生在现实世界中的事情。 它也适用于我们许多人工作和花费大量时间的数字空间。 提供关键服务的工作场所和公共场所或办公室需要对所有人开放。 网站也是如此。
ADA 明确规定，如果个人是拥有至少 15 名员工的私人雇主，则他们必须遵守其无障碍政策。数字世界包括您拥有和运营的 WordPress 网站。
这就是为什么有必要构建完全符合 ADA 的 WordPress 网站。
好消息是，大量软件程序和专用工具将帮助您成为符合 ADA 标准的 WordPress 网站所有者。 遵循一些既定的做法并使用一些重要的工具。 这将确保您的网站内容可供所有人使用和访问，包括残障人士。
在本指南中，我们将深入探讨美国残疾人法案，以及为什么您需要在您的在线资产中遵守该法案以避免潜在的法律诉讼。 建立无障碍网站还有很多其他原因，它们对网站所有者有直接的好处。
最后，我们将向您介绍四个关键的辅助功能提示，您将从今天开始使用这些提示。
让我们来看看。
为什么您的 WordPress 网站需要符合 ADA 标准
ADA，或美国残疾人法案，是一项解决对残疾人的潜在歧视的法律。美国联邦法律包括强有力的保护措施，完全禁止任何企业根据个人的身体能力拒绝提供工作或住房。
ADA 要求公平获得：
- 公共场所
- 运输
- 教育
- …和更多…
除了物理世界，ADA 保护还扩展到所有信息技术和电子可访问性。
因此，ADA 合规性影响几乎所有已发布的网站。 即使法律不存在，确保您的 WordPress 网站可供尽可能多的用户访问仍然是一个很好的做法。
更具体地说，ADA 明确规定，如果个人是拥有至少 15 名员工的私人雇主，则他们必须遵守其无障碍政策。
此外，如果您拥有一家为公共利益运营的企业，例如注册慈善机构，则必须遵守 ADA。
除此之外，所有地方和州政府机构网站，包括学校网站，都必须 100% 符合 ADA。
拥有一个符合 WordPress ADA 标准的网站意味着什么？
让我们首先看一下 ADA 强制执行的一些网站可访问性标准：
- 符合 ADA 标准的网站必须使视力受损的网站用户能够使用屏幕阅读器来感知您网站的内容。
- 该站点必须提供所有音频内容的转录或字幕。 这允许聋人用户摄取网站的内容。
- 它需要支持键盘导航，以便无法使用传统计算机鼠标的用户能够浏览该站点。
- 符合 WordPress ADA 标准的网站将实施可访问的视觉设计，以帮助适应色盲或光敏性用户。
请记住，这不是符合 ADA 标准的完整列表。 随着本指南的进展，我们将进一步了解您的 WordPress 网站如何满足所有 ADA 要求的全部细节。 当我们继续研究可访问性的技术方面时，请牢记大局（及其好处）。
没有符合 ADA 标准的 WordPress 网站的可能后果是什么？
请记住，如果您的网站不完全符合这些标准，您可能会发现自己在法律上遇到麻烦。 即使您不打算将残障人士排除在能够轻松访问和使用您的 WordPress 网站之外，情况也可能如此。 事实上，在遵守 ADA 的情况下，意图与法律是分开的。
即使没有意图，某人仍然可能有坚实的理由对您和您的企业提起诉讼。这不是理论上的威胁。 近年来，针对遵守 ADA 的网站提起了几起备受瞩目的诉讼。 这些诉讼中涉及面最广的是针对达美乐比萨品牌的诉讼。 这个案子一路打到了美国最高法院。
构建一个更便于残障人士访问的 WordPress 网站不仅仅是正确的事情。 它还可以极大地有利于您的品牌和整体业务。
根据 WHO（世界卫生组织）的数据，全世界约有 13 亿人至少患有一种类型的残疾。 这大约占全世界人口的 16%。 这是您网站的许多潜在新客户和浏览者。
Target 从输掉无障碍诉讼中学到了什么？
万维网联盟 (W3C) 网络无障碍倡议提供了一个有影响力的早期 ADA 诉讼案例研究，该诉讼针对一家美国大公司的无障碍访问网站：target.com。 全国盲人联合会 (NFB) 在本案中作为原告胜诉，因为 Target 的网站缺乏关键的可访问性功能：
- 使用屏幕阅读器为视障人士描述图像的替代 (alt) 文本
- 无需使用鼠标即可完成在线购买的键盘控件
- 显示商店位置的可访问图像地图
- 正确的符合标准的语义 HTML 页面设计，带有有助于站点导航的标题
今天，Target Corporation 是网络可访问性的拥护者。 以下是 Target 的首席数字官兼 Target.com 总裁 Jason Goldberger 在 2016 年解释了他最引以为豪的事情，经过十年的努力使 Target.com 易于访问并符合 ADA 标准：
......我经常听到来自许多不同团队的同事自发谈论无障碍功能，并在没有我们任何提醒的情况下将其纳入他们的计划。 它已成为日常对话的一部分，这非常令人惊奇，因为情况并非总是如此。 为残障人士着想是数字团队不可或缺的一部分，对我和其他盲人客人来说，这是让 Target 与众不同的另一部分。
虽然可访问性在其实施中可能非常技术性，但这就是它所支持和实现的全局：与客户和潜在客户的需求相协调的积极的公司文化。
如何获得符合 WordPress ADA 标准的网站
现在您对什么是《美国残疾人法案》及其重要性有了大致的了解。 接下来，我们将了解如何使您的 WordPress 网站符合要求。
以下是到达那里需要做的四件事。
1. 了解符合 ADA 标准的 WordPress 网站是什么样的
美国司法部尚未发布或发布 ADA 的任何官方合规指南。 但是，它确实提供了一些可靠的建议。
熟悉 WCAG
特别是，ADA 强烈鼓励每个组织遵循 Web 内容可访问性指南 (WCAG)，2.0 级 AA。
这些准则明确指出，所有站点访问者必须能够感知出现在您的 WordPress 站点上的每条信息。 要做到这一点，网站所有者需要为他们网站上的媒体提供替代方案。
视频字幕
以 YouTube 为例。 由于需要遵守 ADA，他们会自动为平台上托管和播放的所有视频和音频内容提供字幕。
您网站的访问者还需要能够理解您的所有内容。 为了解决这个问题，它通常有助于提供有关用户如何与您网站的特定区域进行交互的额外指导。无障碍表格
例如，您可以考虑使用建议的输入提示来帮助阐明站点用户需要输入您的联系表单的信息。
除此之外，如果用户在表单中输入了错误的信息，请尝试提供简单的建议，告诉他们可以采取哪些措施来修复这些输入错误。
这样做比仅显示用户输入无效的一般错误消息更有帮助（且易于访问）。
支持屏幕阅读器和键盘导航
您可能已经有一些网站访问者正在使用屏幕阅读器与您的网站进行交互。 对于这样做的人来说，描述性替代文本对他们理解您的 WordPress 网站上显示的图像非常有帮助。
手动或视觉灵巧性有问题的人通常会发现使用小键盘或键盘等导航控件更容易与网站交互。 对于执行此操作的用户，您需要具有一致且清晰的站点导航结构。
您还可以提供当前处于焦点的元素的视觉指示。 这些元素将在您的网站访问者下次执行操作时激活，例如按下键盘上的“返回”键。
2. 进行 ADA 合规审查以了解您目前的立场
可访问性不是一个简单的话题。 事实上，这是一个巨大的话题，涉及许多不同的设计广告界面元素，用于创建更加用户友好的 WordPress 网站。 如果网站所有者只忽视一个与可访问性相关的因素，它很容易阻止网站用户（和潜在客户）在他们的网站上获得积极的体验。
为了帮助确定您的网站已经符合 ADA 的程度，最好使用网络可访问性评估工具。网站可访问性评估 (WAVE)
根据可访问性标准开始评估您网站的用户体验 (UX) 质量的一个好地方是一套称为网站可访问性评估 (WAVE) 的工具。 WAVE 将扫描您的 WordPress 网站并列出所有潜在的可访问性问题。 这是一个非常有价值的工具，可以帮助识别可能影响站点可用性的大量问题。
从 WAVE 查看此列表时，您将能够单击随附的图标以获取有关已检测到的每个辅助功能错误的更多信息。 该工具甚至会为您推荐资源，让您更深入地了解每个可用性问题。
不幸的是，WAVE 是一种有限的工具，一次只能扫描一个网页。 为了加速扫描整个 WordPress 站点的过程，最好安装 WAVE for Firefox 或 WAVE for Chrome 扩展程序（取决于您喜欢的浏览器）。
这些扩展将允许您在当前查看的每个网页上运行 WAVE。
3. 在创建可访问站点时始终遵循符合 WordPress ADA 标准的最佳实践
在您测试了站点的可访问性并汇总了结果之后，就该解决您发现的每个问题了。
您必须全面了解您网站的内容。 考虑一下您是否能够为您已经发布的内容提供替代媒体输出。
只要有可能，请尝试为您的所有视频和音频内容提供专业转录的字幕。转录服务
如果您无法让专业人员转录您的内容，可以使用一些软件工具自动为您生成字幕。
不幸的是，其中一些有时有点草率和不准确。 但是，如果使用转录软件工具是您唯一的选择，那总比不提供任何内容转录要好。
您还需要为 WordPress 网站的视觉效果提供书面文本替代方案。 这种非常有用的做法极大地有利于所有通过屏幕阅读器等辅助工具体验您网站的用户。
替代文本和图像
在 WordPress 中，直接在媒体库中向图像和视觉效果添加描述性替代文本非常简单。
此外，许多寻求 ADA 合规性的 WordPress 网站所有者发现最好避免在您的网站图像中包含文本。 图像中的大量文本会使仅使用替代文本向视障人士描述您的图形变得更加困难。
相反，请考虑您是否可以使用代码构建类似的效果。 例如，您可以添加您试图以纯文本形式传达的信息。 然后使用 CSS 对其进行样式设置。
对比度
为了充分支持视觉受损的站点访问者，最好将所有文本的对比度保持在至少 4.5:1。 您还需要将所有文本的大小调整到 200%。
您将面临的挑战是在不影响站点功能的情况下提供这种灵活性。 这可能需要您在进行更改之前进行大量可用性测试。
如果您想详细了解影响您网站的可访问性问题，那么通过 WAVE 工具运行您所有的网站内容非常重要。 然后，花时间阅读 WAVE 建议的所有资源。
在可访问性方面，WCAG 制定的指南被广泛接受为行业标准。 但最好也查看 WebAIM 的可访问性清单。 该工具旨在浓缩 WCAG 2.1 官方规范。
4. 安装提高 WordPress ADA 合规性的插件
WordPress 存储库中的许多不同的插件和工具承诺会引导您实现 WordPress ADA 合规性。 例如，您可以使用 WP ADA Compliance Check Basic 快速扫描整个网站是否存在可访问性问题。
WP ADA 合规性检查基本
这个有用的插件建议资源，提供有关它检测到的每个问题的更多信息，就像 WAVE 工具一样。 但是有了这个，您还将获得受影响代码的直接链接。 当您需要解决复杂的可访问性问题时，这非常有用。
另一个需要考虑的工具是 Accessibility Checker 插件。 这个插件试图成为 WAVE 的 WordPress 特定版本，同时允许您从仪表板内扫描整个 WordPress 站点。
均衡数字可访问性检查器
作为 WordPress 网站所有者，有许多不同的方法可以使网站更易于访问。 但是，选择错误的主题来运行您的网站可能会破坏您的所有努力。
WordPress.org 主题存储库中充满了由专业人士设计的主题。 然而，即使是最有经验的 WordPress 设计师有时也会忽视与 ADA 合规性和可访问性相关的重要原则。
WP可访问性
为帮助解决此问题，WP Accessibility 插件将解决 WordPress 主题中出现的问题。 下载并激活插件后，您需要导航到 WordPress 仪表板中的设置 > WP 辅助功能。
在那里，您会看到与站点可访问性相关的各种设置，您可以关闭和打开这些设置。 这将取决于您的主题是如何设置的。
这些设置将包括向链接添加轮廓:focus状态以改进键盘导航，并使用longdesc提供有关图像内容的更多信息。
不要使用辅助功能覆盖
请务必记住，没有真正的即插即用解决方案可以创建完全可访问且符合 ADA 标准的网站。 一些插件可能声称是即插即用的，但这是不可能的。 合规性插件非常适合扫描网站问题并进行调整以改善问题。 但要注意尝试使用覆盖方法的插件。 另外，请注意声称仅通过下载和激活插件即可提供 100% WordPress ADA 合规性的插件。
应该避免这些“可访问性覆盖”。
是时候创建一个符合 ADA 标准的 WordPress 网站了
让每个人都可以访问您的 WordPress 网站显然是网站所有者应该做的正确的事情。 但是，它也会保护您免受潜在的法律后果。
通过确保您的网站符合 ADA 标准，您将自动扩大潜在客户群。
回顾创建符合 WordPress ADA 标准的网站的步骤：
- 了解已经符合 ADA 标准的网站是什么样子的。
- 查看您自己的站点以了解它的合规性。 这可以使用 WAVE 工具（网站可访问性评估）来完成。
- 遵循已经证明的最佳实践来构建可访问的网站。
- 安装 WordPress 插件，例如 WP Accessibility 和 WP ADA Compliance Check Basic。
届时，您将顺利拥有一个您的用户会喜欢的符合 WordPress ADA 标准的网站。
下载 Kadence 主题和 Kadence 块以构建有效的网站
如果您喜欢用漂亮的设计创建引人入胜的内容，Kadence Blocks 提供的工具可以让您在原生 WordPress 编辑器中发挥创意。 此外，享受大量可以轻松包含在站点中的预建内容，包括可帮助您开始下一个网页设计的线框块库。 非常适合灵感和快速开发！
Dan Knauss 是 StellarWP 的技术内容通才。 自 1990 年代后期以来，他一直是一名作家、教师和自由职业者，从事开源工作，自 2004 年以来一直从事 WordPress。