如果您目前正在努力让所有用户都可以访问您的网站，那么您可能已经听说过美国残疾人法案 (ADA)。通过这项美国联邦立法是为了防止政府机构或私营公司对残疾人的歧视。
尽管 ADA 是在大多数组织拥有在线业务之前创建的，但最近的法律先例表明，该法案适用于网站和移动应用程序的可访问性，就像它适用于商店、餐馆和电影院等实体场所一样。
ADA 本身并没有为 Web 和移动设备的可访问性设定任何具体标准。相反，许多 Web 开发人员和法律专业人士转向 Web 内容可访问性指南 (WCAG)，该指南被广泛接受为当今数字可访问性的基准。
在此博客中，我们将仔细研究 WCAG，并概述您可以采取哪些步骤来满足其标准。我们还将简要解释为什么可访问的网站通常在搜索引擎中排名更高 – 使可访问性成为正确的选择！
谷歌搜索引擎优化和可访问性之间的联系是什么？
确保所有用户都可以访问您的网站已经为您的公司带来了巨大的好处——如果更多的人访问您的网站，您可能会看到业务增长。就是这么简单。
考虑到四分之一的美国人患有残疾，而全球范围内，残疾人的可支配收入为 1.2 万亿美元，让每个人都可以访问您的网站和移动应用程序，从而为新的消费者群打开了您的产品和服务，并且还可以显着增强您网站的谷歌搜索引擎优化。
考虑这个例子：搜索引擎旨在推广内容清晰且排序正确的页面。这意味着您需要在标题等方面遵循 WCAG 指南。如果您没有按正确的顺序包含标题排名——例如，将具有第四级 (<h4>) 标题的文本放在第二级 (<h2>) 标题之后——您可能会导致人们的可访问性问题使用辅助技术。
同样，如果您没有为图像提供适当的替代文本，或者如果您将标题与替代图像文本混合在一起，则会给残障用户带来问题，并且还会损坏您网站上的图像 google SEO。
这些只是提高网站可访问性如何提高 google SEO 的几个示例，但要了解更多信息，请务必观看 Cooper Hollmaier 关于可访问性和 google SEO 之间关系的新白板星期五系列。
事实上，您对数字可访问性所做的任何投资也将反映在您的搜索排名中。谷歌在其使命声明中表示，其目的是“组织世界信息，使其普遍可访问和有用”。“普遍可访问”是这里的关键词。它表明，随着谷歌不断发展其搜索引擎并使其与无障碍设计原则保持一致，具有强大无障碍功能的网站的搜索排名将越来越高。
什么是 WCAG，您如何实现合规性？
WCAG 为希望创建可访问网站的 Web 开发人员提供了一套规则。它由万维网联盟 (W3C) 创建，W3C 是一个由致力于让互联网向所有人开放的公共和成员组织组成的全球社区。
随着新技术和创新的出现，网站和移动应用程序也在不断变化。为了使 WCAG 指南保持最新，W3C 还致力于不断地为 Web 开发人员提供新的建议。
如果您查看最近的数字可访问性诉讼，您会发现 WCAG 2.0 是引用最广泛的版本。但是，您应该注意这个版本已经过时了。WCAG 2.1 现已推出，并提供有关移动可访问性的进一步指导——WCAG 2.2 紧随其后。
同样重要的是要注意，虽然“WCAG 合规性”是一个广泛使用的术语，但它实际上是用词不当。从技术上讲，考虑成功满足 WCAG 标准更为准确。“WCAG 合规”一词意味着监管机构，W3C 不是行业监管机构，也不是联邦立法的一部分。也就是说，WCAG 合规性是 Web 开发会议和法律研讨会上公认的措辞，因此我们将在本文中使用该术语。
我的网站需要符合 WCAG 标准吗？
如果你在美国，是的，确实如此。法律要求美国公民使用或美国公司拥有的每个网站都必须遵守 ADA。而且由于 WCAG 经常被引用为诉讼期间数字可访问性的标准，因此遵循其指导可以帮助您的组织避免代价高昂且具有破坏性的诉讼。任何公司都免于 ADA 合规性的概念也是一个神话。
如何使我的网站符合 WCAG？
WCAG 提出了四个主要原则。这些提供了一个坚实的基础，Web 开发人员可以遵循这些基础来构建每个人都可以访问的网站。让我们仔细看看每一个：
1. 可感知
为了可感知，网站上包含的所有信息及其用户界面中的所有功能（例如链接、文本框和按钮）必须以某种方式呈现，以便所有用户都可以通过至少一种感官感知它们。如果任何内容对任何用户隐藏，则不能认为该网站是可感知的。
2.可操作
当所有用户都可以与之交互并成功导航时，网站被认为是可操作的。如果一个网站有任何交互功能，所有用户都需要能够操作这些组件。
3. 可以理解
所有用户都必须能够理解网站的信息和界面。网页应该以可预测的方式出现和运行，并且应该保护用户不会在页面上出现导致法律承诺或金融交易发生的输入错误。
4. 稳健
网站上的内容必须对各种用户代理开放解释。例如，标准网络浏览器和屏幕阅读器等辅助技术必须能够访问网站，并且随着辅助技术的发展，网站上的内容必须继续可访问。
如何开始我的合规之旅？
在纸面上，WCAG 中提出的可访问性的四项原则听起来很简单。但是你如何应用它们呢？为了帮助回答这个问题，WCAG 为四个主题中的每一个提供了更详细的指南，并将每个建议分解为一组成功标准。WCAG 还概述了几种“足够的技术”，这些技术提供了开发人员如何在实践中实现它们的示例。将其视为合规性清单。
每个成功标准也根据三个级别进行分类：A、AA 和 AAA。A表示最基本的可访问性级别，AAA表示最全面的。目前，法院以中级AA为基准进行解释。
虽然本文旨在让您更好地了解 WCAG 标准，但它并未完整列出所有指南。如果您想了解有关每个标准的更多信息，请查看 W3C 网站上的“如何满足 WCAG”快速参考指南。这为 WCAG 的各个方面提供了权威指南，并提供了有关开发人员如何满足这些方面的建议。
1. A：某些用户可以访问您的网站
A 级成功标准详细说明了您可以采取哪些步骤来避免一些最严重的违反可访问性原则的行为。例如，准则 1.4 侧重于可区分性，这仅仅意味着让用户更容易感知内容。
第 1.4.1 节颜色的使用是 A 级成功标准。它解释说，网站不应仅使用颜色作为传达指示动作、提示响应或作为区别视觉元素的信息的主要方式。
如果一个网站包含一段红色文本，并且该文本中的超链接以绿色突出显示，则红/绿盲用户将无法区分链接与文本。提高可访问性的一种方法是向链接添加另一种视觉提示，例如为链接添加下划线或使用不同的字体。
2. AA：几乎所有用户都可以访问您的网站
要达到 AA 级，您首先需要满足所有 A 级成功标准。AA 级指南自然建立在 A 级标准之上，提供了额外的要求。
例如，在指南 1.4 中，1.4.3 对比度（最低）级别 AA 成功标准增强了 1.4.1 使用颜色的指导。它概述了任何页面上的文本必须具有 4.5:1 或更高的颜色对比度。如果文本很大，或者文本图像完全是装饰性的，或者是品牌或徽标的一部分，则存在一些例外情况。
您可以在我们关于该主题的完整文章中了解有关如何实现正确颜色对比度的更多信息。出于本博客的目的，可以想象一个网站的主要文本显示为白色背景上的黑色文本与文本显示为白色背景上的淡黄色的网站之间的区别。白底黑具有高对比度，而黄底白具有非常低的对比度。有视觉障碍的用户通常很难看到颜色对比度的微小差异，这使得网站确保文本的颜色对比度足够高以使其所有人都能阅读变得更加重要。
AA 级成功标准还包括 1.4.4 调整文本大小，它建议用户应该能够将文本放大至标准大小的 200%，而无需辅助技术。
3. AAA：尽可能多的用户可以访问您的网站
与前两个级别一样，AAA 级合规性要求首先满足所有 A 级和 AA 级成功标准。要达到 AAA 级，网站必须满足更详细的标准。例如，在指南 1.4 中，我们发现 1.4.6 对比度（增强），它将所需的颜色对比度从 4.5:1 提升到 7:1。
标准 1.4.8 Visual Presentation 添加到 1.4.4 调整文本大小，要求文本可以调整到 200%，同时确保用户仍然可以阅读每一整行文本，而无需水平滚动浏览器窗口。该标准还提出了额外的建议，例如允许用户自己选择前景色和背景色，并指定行间距和对齐方式的设置，以使有视觉或认知障碍（如阅读障碍）的人更容易阅读文本。
开始改善您网站的可访问性
通过遵循可访问设计的原则，您还将使搜索引擎更容易解析和排名您的网站。
当然，数字可访问性是一个巨大的话题，因此您可能需要指导！令人高兴的是，有许多资源可以提供帮助，其中最重要的是 W3C 的完整 Web 内容可访问性指南 (WCAG)，它应该成为您所有可访问性的试金石。您还可以使用他们的快速参考指南作为主要可访问性主题的清单。
还有许多自动化工具可帮助您查找和修复可访问性问题，包括由我的公司 AudioEye 创建的工具，您可以免费试用。我们还提供由经过认证的专家团队领导的托管服务，因此在您采取下一步行动时，请随时与我们联系以获取建议和建议。
