2023 年无障碍指南：如何完成网站审核

设计无障碍网站时，您可以为残障人士消除障碍。但要知道需要改进什么，您需要知道您目前所处的位置。 

网站审核可识别您网页上的可访问性问题，并提供修复指南。在之前的文章中，我们介绍了可访问性审核的重要性。现在让我们看看如何进行可访问性审核。

• 您的可访问性审核的目的是什么？
• 谁将执行网络可访问性审核？
• 网站可访问性审核中要检查什么
  • 检查文本内容是否存在可访问性问题
  • 验证图像、视频和音频内容是否可访问
  • 确保交互工具和交易项目具有包容性
  • 审核网站导航元素的可访问性
  • 在网站审核中包括 HTML 检查
• 解决无障碍问题
• 将网络可访问性融入开发和工作场所文化

任何无障碍审核的目标都是发现和修复无障碍问题，以便残疾人可以无障碍地与网站或应用程序进行交互。

许多组织都会进行审核，以检查常见的可访问性问题并确保遵守Web 内容可访问性指南(WCAG)。那些在可访问性方面做得更进一步的组织可能会进行 Web 审核，以测试针对特定群体（例如盲人或视力低下的客户）的特定特性或功能。

您的目标将决定您​​进行何种类型的审计、谁进行测试以及审计包括哪些内容。

您可以自行进行网站审核，也可以将其外包给专家或第三方。以下是三种常见选项：

无障碍专家了解创建无障碍网站、应用和产品的复杂性。他们利用自己的专业知识以及作为残障人士的潜在生活经验，进行审核并为技术团队提供建议，以改善数字无障碍性。 

他们还熟悉美国残疾人法案(ADA)、WCAG和其他指南，以确保您的组织遵守无障碍法规。

聘请无障碍专家是确保您的组织设计的数字产品和服务可供残障人士无限制使用的最佳方法之一。作为内部员工，他们会比第三方审计员更深入地了解您的组织、产品和服务。他们还可以根据您的特定需求定制测试和建议。 

如果您聘请了内部无障碍专家，请确保他们拥有适当的资源和支持。如果技术团队不实施他们的建议，您组织的无障碍工作就会停滞不前。

第三方无障碍专家承担与内部顾问类似的职责。他们执行网站审核，识别无障碍问题并提供建议。

您可以与个人顾问合作，但第三方专家也可以以团队形式工作。因此，他们可以比单个内部专家更快地测试您的网站。但作为权衡，他们不会像内部员工那样了解您的组织。

如果您无力聘请全职无障碍专家，但又想要只有经过培训的专业人员才能提供的知识和专业技能，那么求助第三方可能是一个明智的选择。

如果您没有资源聘请内部或外部无障碍专家，还有第三种选择：技能提升。技能提升可为您的技术团队提供构建更易于访问的网站和产品所需的技能和知识。他们中的一些人甚至可能会对此产生热情，并决定全职成为无障碍专家。

在 Pluralsight，我们创建了一个网站无障碍学院，以提高开发人员的技能。让技术团队能够接触到以无障碍为重点的学习路径也是一个不错的起点。

这些课程可以帮助您的技术人员构建和设计可访问的网站：

• 开发无障碍网站

• 可访问性：测试和屏幕阅读器使用

• 符合 Web 可访问性指南（第 508 节/WCAG 2.1）

• 使 Web 表单可访问

每个组织的网站可访问性审核根据其目标会有所不同。 

这绝不是一个完整的列表，但无论您进行自动或手动测试，还是与内部或外部专家合作，您通常都希望在审核中测试这些元素：

即使禁用样式表，用户也应该能够与您的网站互动并了解您的网站。禁用 CSS 时消失的信息会造成可访问性问题。

一些网站和应用程序使用文本颜色来吸引用户的注意力。例如，红色文本可能表示表单字段是必填的。但是，依赖文本颜色的提示可能不适用于盲人和视力较差的用户，而且屏幕阅读器不会告诉用户文本颜色。

文本和背景之间的颜色对比度不足使得盲人或视力低下的用户难以阅读网站上的信息。

文字太小，阅读起来会很困难。如果无法增加字体大小，请确保用户可以使用缩放功能来增加屏幕上的文字大小。

许多网站使用标题来格式化页面和信息块。确保这些标题的样式和标记正确，以便盲人和视力较差的用户能够理解网站布局。

您网站上的每个页面都应有一个描述性、清晰的标题，以解释页面的用途。这可以帮助人们快速找到他们要查找的内容。

链接应具有描述性，并解释链接的目的地和/或目的。 

例如，有些用户使用屏幕阅读器从一个链接跳到另一个链接，尤其是在寻找特定页面或信息时。链接文本（如“单击此处”）不会提供任何脱离上下文的有用信息。链接短语“关于全球无障碍日的博客文章”可提供更多信息来帮助用户浏览网站。

视频或音频内容应配有字幕和文字记录，以便聋人和听力障碍者仍然可以观看。

视频内容应包括任何图像、表格或图形的音频描述，以便盲人和视力低下的用户可以访问这些信息。

图像应包含替代文本或替换文本，用于向盲人或视力低下用户描述图像或其用途。

使用纯文本，而不是包含文本的图像。屏幕阅读器无法解析图像中的文本。放大后，图像中的文本也会变得模糊，这进一步妨碍了视力较差的用户阅读。

求职申请、购物车和许多其他类型的页面都包含在线表格。如果没有辅助功能，残障用户就无法填写或提交这些表格。 

构建在线表单时，请确保：

• 表单元素的行为符合预期

• 表单字段已正确标记和标注  

• 整个网站的表单元素都是一致的

• 用户在超时之前会收到警告

• 当表格填写不正确时，会提供清晰、有用的错误消息

• 用户可以在提交表单之前检查自己的答案

• 表单中的图片、图表和表格有文字描述

残障人士可能需要仅使用键盘（无鼠标）、屏幕阅读器或其他设备或辅助技术来浏览网站。以下是一些导航专用项目，应包含在您的审核中：

使用移动设备或平板设备时测试页面方向。如果您将设备从纵向转为横向，页面方向应该会随之改变。

某些运动障碍会阻碍残障人士执行复杂的动作或手势（例如摇动设备或使用两根手指缩放）。有人应该能够仅使用一根手指或触控笔浏览您的网站。

检查用户是否可以不使用鼠标浏览您的页面。使用键盘命令浏览的用户不会在屏幕上看到光标，因此他们需要另一种方式来了解他们正在悬停或选择的元素。

他们还需要能够使用 Tab 键功能（使用 Tab 键在元素之间移动）浏览您的网站。使用 Tab 键时，顺序应该合理。例如，如果用户使用 Tab 键浏览列表，他们应该从上到下浏览列表。 

残疾用户还应该能够直接跳到页面上的主要内容，而无需浏览其之前的每个元素。

<font style="ver