在美国开发无障碍网站的联邦要求清单

转到Jeff Jimerson的个人资料 Jeff Jimerson BlockedUnblockFollow 2月26日

另请参阅州的要求: 加州 | 俄勒冈州 | 华盛顿

了解可访问性

设计一个"可访问"的网站意味着您为所有用户提供相同的体验,无论个人用户可能拥有或不拥有的身体和认知能力。万维网联盟(W3C)采用这种方式: "可访问性意味着残疾人可以无障碍地与您的网站进行感知,理解,导航和互动"。

谁是W3C?他们是一个国际非政府组织,负责制定HTML和CSS的技术规范,以及安全性,在线支付和可访问性的建议和最佳实践。 W3C的网站可访问性规则的国际黄金标准称为 Web内容可访问性指南(WCAG)。

联邦法律说的是什么

"康复法"第508条 于1973年首次通过,1998年由国会修订,要求联邦机构向残疾人提供电子信息。这些规则最初是在互联网的早期阶段建立的,但是第508节在2017年进行了现代化以与WCAG保持一致。

实际上这意味着, 遵守508 条款 进行网站开发是WCAG合规性的同义词。 虽然根据W3C,这些标准仅仅是最佳实践"建议",对于所有美国政府机构 - 以及接受联邦资助的企业和组织 - 这些可访问性标准是508条款下的要求。

ADA和508之间有什么区别?

美国残疾人法案(ADA) 于1990年成为法律,要求州和地方政府,企业,非营利组织和工会为残疾员工提供"合理便利"。 ADA是一项针对残疾歧视的广泛法律,适用于拥有15名或更多员工的代理机构和组织。虽然它没有涉及有关网站开发的技术细节,但另一方面,第508节基本上告诉雇主如何遵守ADA。怎么会这样?通过WCAG。

除了ADA和508条款之外,还有其他联邦法律涉及网站开发和电子信息访问的主题。例如, 2018年的"互联政府法" 要求所有新的和重新设计的联邦机构网站都可以通过移动设备访问。

WCAG可访问性核对表

Web内容可访问性指南(WCAG)分为三个级别的一致性。这些大致转化为"基本的东西"(A级),"基本的东西"(AA级),以及"月亮东西的射击"(AAA级)。 W3C承认AAA可能无法实现,因此在大多数情况下,我们只包含前两个级别的规则。此外,为了简洁起见 - 并防止眼睛越过 - 我们省略了高度技术性和精细的建议。 (如果您想深入了解令人讨厌的细节,W3C拥有1,100多项技术规格 。)

以下是我们开发符合WCAG和Section 508标准的网站的快速参考清单。

1.为非文本内容提供文本替代方案

  • 为视频提供了字幕
  • 为播客和其他基于音频的内容提供了成绩单
  • Alt标签用于描述图像,或者当辅助技术忽略装饰图像时设置为null(即alt ="")
  • 标签用于按钮和表单元素
  • 除徽标外,文本不会放在图像中

2.使页面布局和内容适应性强

  • CSS用于控制内容的可视化呈现
  • 元素之间的结构和关系在各种屏幕尺寸上是一致的
  • 内容在桌面和移动设备上以正确,有意义的阅读顺序呈现
  • 内容回流而不使用水平和垂直滚动

3.适当使用颜色

  • 正文副本与周围区域的对比度至少为4.5:1
  • 标题和大文字与周围区域的对比度至少为3:1
  • 使用颜色传达的信息也可以在文本中找到

4.使文字可读

  • CSS用于控制文本的可视化表示
  • 文本行之间的间距(称为行间距,行高或行距)至少是字体大小的1.5倍
  • 段落之间的间距至少是字体大小的2倍
  • 字母之间的间距(称为字母间距或跟踪)至少是字体大小的0.12倍

5.提供键盘和用户控件

  • 允许暂停,停止或隐藏任何移动,闪烁或滚动信息的功能
  • 允许暂停或停止音频的功能
  • 允许通过屏幕控制或通过网络浏览器的缩放功能调整文本大小 - 最高可达200%
  • 如果在悬停时显示内容,则提供解除/隐藏内容的功能
  • 正确设置了Tab顺序(例如,在表单中)

6.避免负面的身体反应(癫痫发作)

  • 网站上没有任何内容每秒闪烁超过三次

7.使用页面标题

  • 对于HTML页面,Title标签用于描述每个页面的主题或目的
  • 对于PDF,使用文档标题

8.使网站易于浏览

  • 用户的位置始终在一组页面中可见。例如,这可以通过导航栏上的指示器(突出显示活动页面), 面包屑跟踪或通过提供PDF中的页码来实现。
  • 提供至少两种方式来定位网站内的每个页面。例如,除了标准导航栏之外,还可以包括站点地图,主页上的页面链接列表或搜索框。 此规则的一个例外是作为步骤或过程的一部分的页面,例如多页调查或购物车结帐。
  • 当在多个页面上重复导航机制时(即在导航栏内),菜单项每次重复时都以相同的顺序显示。
  • 链接文本描述了链接的用途,包括在页面内跳转的锚链接。 (换句话说,不要使用"点击这里。")

查看英文原文

查看更多文章

公众号:银河系1号

联系邮箱:public@space-explore.com

(未经同意,请勿转载)