在美国开发无障碍网站的联邦要求清单
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
(未经同意,请勿转载)