ADA合规性网站可访问性指南：指南和资源

在设计或更新网站时，迎合大多数用户的需求和口味似乎是明智的。然而，看似简单的美学或设计选择可能会使整个人群无法有效参与您的网站和内容。这不仅仅是为了确保所有用户都能平等访问您的网站而进行的有效设计，也是ADA网站合规性的法律要求。

截至2012年美国人口普查局报告5670万美国人（占美国人口的18.7%）患有身体或认知残疾。随着网络的普及，越来越多的公司因未能创建包含残疾用户可访问功能的网站和数字服务而被起诉。美国对残疾人的主要法律保护来自1990年的《美国残疾人法案》（ADA），该法案除其他外，要求各组织为所有用户提供公平使用其商品和服务的机会。不创建无障碍网站会受到严厉的财政惩罚，而且极有可能影响你的底线全球残疾用户市场超过10亿，每年的消费能力为6万亿美元。

在这里，我们将更仔细地研究ADA网站的可访问性方法，以确保您的网站符合要求，以及有效地将这些原则付诸实践的网站示例。

ADA网站可访问性标准

这个美国残疾人法案可以追溯到网络的早期，但它仍然是衡量数字商品和服务可访问性的标准。

《美国残疾人法案》第三篇要求组织创建不妨碍残疾用户访问公众可用服务的工具和平台。例如，公司必须公平地获得餐馆和其他“公共场所”的商品和服务，如酒店、电影院和游乐园。根据第三编审议的最新案件，罗伯斯诉。多米诺比萨饼公司（2019年）,认为Pizza公司没有创造移动和网络体验，允许残疾用户利用他们的快递服务。

由于ADA没有提供任何具体的指南或网站可访问性要求（因为它可以追溯到1990年），万维网联盟（W3C）创建了自己的标准：WCAG2.0. W3C的标准强调了站点所有元素的可访问设计选项，从幕后HTML代码到设计调色板中使用的颜色。WCAG仍然是确保ADA网站合规性的最受欢迎的框架，联邦政府正在努力采用WCAG标准作为网站可访问性的法律标准。

如何确保您的网站符合要求

WCAG2.0设计为一系列可测试的声明，用于评估网站的内容和呈现是否满足所有用户的需求。WCAG要求站点“可感知、可操作、可理解和健壮”

在这里，我们将回顾下面引用的WCAG 2.0标准，并提供在您自己的网站上解决这些要求的技巧：

可察觉

根据WCAG，“信息和用户界面组件必须以可感知的方式呈现给用户。”可感知性有三个主要因素：文本选择的可用性、站点和内容的适应性以及内容的可区分性。

文本替代方案

用户必须能够访问站点上所有非文本内容的文本替代内容。（例如，图像、视频）。使用HTML的Alt Text属性为站点的所有视觉元素提供详细描述，包括图像、图形和以视觉为中心的上下文更改（例如，区分站点的不同部分）。

设计提示：使用转录服务为视频创建闭路字幕，如利润. 请务必留出足够的时间，以便在转录服务上进行周转，而有些网站可能需要几天才能返回您的字幕，Rev提供三小时的周转（取决于内容的性质）。

适应性

用户应该能够以多种不同的方式访问内容，包括使用辅助工具，如屏幕阅读器。

设计提示：使用简单的格式组织内容，如大纲或结构化漫游。

可辨的

用户应该能够确定网站的哪些元素最适合他们的需求。站点元素和部分应该在前端和HTML标记和结构中明确定义。

设计提示：使用“对比度”突出显示站点元素之间的差异。

可操作

WCAG 2.0的第二部分认为“用户界面组件和导航必须是可操作的。”换句话说，网站必须能够被所有用户导航和利用，而不管他们的认知或机械能力如何。这里主要关注的问题包括适航性；完成任务的时间；以及避免诱发癫痫发作的弹出窗口和其他网站元素。

键盘导航

不能操作鼠标的用户应获得基于键盘的导航选项

设计提示：允许选项卡从一个部分移动到另一个部分。如果可能，使用视觉提示突出显示光标或焦点部分的当前位置。

足够的时间

用户必须能够以自己的速度访问媒体，包括视频和交互式内容。

设计提示：为完成任务提供充足的时间，无论是填写表格还是选择要购买的物品等更复杂的任务。允许暂停等定时任务，如视频播放，并允许更改演示速度。

避免癫痫发作
容易癫痫发作的用户应注意闪烁元素。

设计提示：使用多个弹出警告，或完全避免弹出警告。

可以理解

WCAG的第三部分认为“信息和用户界面的操作必须是可以理解的。”所有用户都应该能够识别网站的主要组织组件，并通过一致的交互模式进行导航。

可读的

每个网页的默认语言应该在底层代码中指定。

设计提示：在HTML内容的标题中定义每个网页的默认语言。支持翻译不寻常的单词和口语短语。此外，如果内容的阅读水平特别高，则提供难度较低的文本版本初中是标准。

可预测的

页面上的内容应遵循一个中心组织，当用户参与或关注页面的特定元素时，该组织不会改变。

设计提示：确保在整个站点中使用一致的导航模式。另外，当用户访问特定元素或输入字段时，不要更改站点的整个焦点。

投入援助

Web开发人员应提供错误更正和错误检测机制，以帮助用户将信息输入表单或其他输入点。

设计提示：在可能的情况下，在检测到用户输入错误时，对输入字段使用预测文本以帮助提供替代方案。另外，为站点的所有区域提供全面的、基于文本的帮助，特别是那些用户必须输入信息的区域。

强健的

WCAG 2.0的最后一节认为“内容必须足够健壮，能够被各种各样的用户代理（包括辅助技术）可靠地解释。”

可共用的

在这里，“健壮”意味着“全面”——也就是说，一个站点的内容应该以足够的方式来表示，以便能够对其进行格式化，以适应各种各样的用户需求和浏览模式。

设计提示：确保所有网站内容完整，并以全面的方式提供，包括所有相关内容。

具有出色合规性的网站示例

谢天谢地，现在越来越容易找到充分地符合ADA和WCAG 2.0。也许并不奇怪，W3C网站符合这个要求。但研究能够很好地处理WCAG特定方面的网站也很有帮助：

Dropbox主页揭示了看似简单的设计选择如何从根本上提高所有用户浏览网站的能力。通过在设计调色板中使用粗体、对比色来区分站点部分，此文件共享服务可帮助用户快速识别相关站点元素。

达先公司的在线课程提供深入的指导，在许多情况下，还提供广泛主题的认证。他们的课程主要基于视频，所有视频都配有英语字幕。Udacity的用户还可以改变给定视频的播放速度，使那些需要更多时间阅读给定材料的人更容易访问该视频。

YouTube的视频播放器完全符合ADA，为视频创作者提供了许多不同的选项，用于在视频中添加字幕和副标题。用户可以在播放器内部从头开始创建字幕，或者以.txt或.srt等格式上传完整的字幕文件。虽然它可能不适合更复杂的字幕，比如说，对于多个扬声器的音频曲目，YouTube也为那些寻求更程序化解决方案的人提供自动转录。

韦斯利使命，一家提供广泛社区服务的澳大利亚非营利组织，设计了他们的网站，让键盘导航变得轻而易举。Tabbing将用户带到站点上的相关表单和字段。此外，该网站的结构非常清晰，各部分讲述了一个故事，链接良好，网站的大部分区域都可以从主页访问

另一个选择的网站可以考虑的是追求更多的以Web应用为中心的设计方法。渐进式Web应用程序-比如福布斯的网站–像本地应用程序一样构建内容和交互，具有简单的静态导航选项；离线访问；甚至还可以选择将网站的给定页面保存为计算机或设备上的文本或图像文件，以备日后查看。

把这一切结合起来

请记住，您正在为创建内容全部的他们中的许多人在浏览网页时很难浏览我们认为理所当然的简单元素。使用提供的检查表帮助确保您的网站符合或超过ADA的标准。

查看并下载ADA合规性网站检查表，根据WCAG 2.0网站可访问性检验员