一个符合ADA(美国残疾人法案)的网站将为残疾人提供在线体验。这意味着,该网站必须是视障用户访问,网站内容必须适合屏幕阅读器,网站中的链接必须是描述性的,该网站必须易于通过键盘访问。
如果你已经有了一个网站,你可能会认为让网站符合ADA规定一定很困难。它不是!你必须和一个1manbetx 对规则有很强的理解,并有能力将其应用到编码和设计过程中。
在这篇博客中,我们将探讨使网站符合ADA的所有因素。这将有助于营销人员,网站所有者和在数字世界中有利害关系的每个人。
什么是ADA?
根据ADA.gov”,《美国残疾人法案》(ADA)于1990年7月26日由老布什总统签署成为法律。《美国残疾人法》是美国最全面的民权立法之一,它禁止歧视,并保证残疾人有与其他人一样的机会参与美国主流生活,包括享受就业机会、购买商品和服务,以及参与州和地方政府的项目和服务。”
该法范围广泛,适用于州和地方政府、公共和私人空间、就业、建筑规范、交通和电信等许多领域。
ADA就是为什么有很多东西,比如残疾人停车要求,轮椅坡道等等。
《美国残疾人法》的第三条规定,“被视为公共场所的私人实体”必须对他们通常的做事方式进行“合理的修改”,以便残疾人也能更好地获得企业提供的商品或服务。
当《美国残疾人法》最初颁布时,准入障碍被翻译成字面上的障碍,比如残疾人因为有楼梯而不能进入实体商店。
2010年,美国司法部(DOJ)发布了一份关于第三章的新通知,其中指出ADA将适用于网站的无障碍程度了。
司法部的意图是,
”制定要求,使公共设施通过互联网,特别是在万维网(Web)上的网站提供的商品、服务、设施、特权、住宿或优势对残疾人开放。”
为什么你的网站要符合ADA标准?
以下是使你的网站符合ADA的一些主要好处。
- 增加目标受众的规模(仅美国就有4000万残疾人)
- 改进搜索引擎优化工作
- 为你的网站争取正面新闻
- 残疾人使用信贷小型企业可以要求平衡使网站符合ADA的成本吗
- 让我们有机会写出更好的内容,更简洁的代码,并包含更好的用户界面
- 避免法律纠纷
如何开发或使您的网站符合ADA ?
2016年8月,a诉讼起诉了加州大学伯克利分校,因为他们在YouTube频道的听力受损患者视频中没有适当的说明文字。最后,司法部发现这违反了《美国残疾人法》第二章的规定(类似于第三章,但适用于政府机构),因为聋人用户也有平等的机会访问在线内容。
司法部要求加州大学伯克利分校遵循万维网联盟(W3C)的标准。网页内容无障碍指引.
“Web内容可访问性指南(WCAG)是W3C与世界各地的个人和组织合作制定的,目标是为Web内容可访问性提供一个单一的共享标准,以满足国际上个人、组织和政府的需求。”
WCAG分为4个基本原则。我们从W3C的快速参考链接中编译了这些信息,以方便您的理解。要获得每项原则下指引的详细资料,点击这里.
原则1:可感知
信息和用户界面组件必须以用户能够感知的方式呈现给用户。
以下是原则1的指导方针。
的指导方针 | 描述 |
---|---|
文本的替代品 | 为任何非文本内容提供文本替代方案,以便将其转换为人们需要的其他形式,例如大字体、盲文、语音、符号或更简单的语言。 |
基于时间的媒体 | 提供基于时间的媒体的替代品。 |
适应性强的 | 创建可以以不同方式呈现的内容(例如更简单的布局),而不会丢失信息或结构。 |
可区分的 | 让用户更容易看到和听到内容,包括将前景和背景分开 |
原则2:可操作
用户界面组件和导航必须可操作。
以下是原则2的指导方针。
的指导方针 | 描述 |
---|---|
键盘可访问 | 所有的功能都可以通过键盘实现。 |
足够的时间 | 为用户提供足够的时间阅读和使用内容。 |
癫痫发作和身体反应 | 不要以已知会引起癫痫或身体反应的方式设计内容。 |
通航 | 提供帮助用户导航、查找内容和确定位置的方法。 |
输入模式 | 使用户更容易通过键盘以外的各种输入来操作功能。 |
原则3:可以理解
用户界面的信息和操作必须易于理解
以下是原则3的指导方针。
的指导方针 | 描述 |
---|---|
可读的 | 使文本内容易于阅读和理解。 |
可预测的 |
使网页以可预测的方式出现和操作。 |
输入的援助 | 帮助用户避免和纠正错误 |
原则4:稳健
内容必须足够健壮,能够被各种各样的用户代理(包括辅助技术)解释。
以下是原则4的指导方针。
的指导方针 | 描述 |
---|---|
兼容的 | 最大限度地兼容当前和未来的用户代理,包括辅助技术。 |
国际网页无障碍法
以下是一些国际网络无障碍法律
国家 | 法律名称 | 实施一年 | 更多的信息 | WCAG标准使用 | 后面必须接 |
---|---|---|---|---|---|
阿根廷 | 第26653号法律关于网页上信息的可访问性 | 2010 | 点击这里 | WCAG 1.0 | 公共部门网站必须符合WCAG 1.0。 |
澳大利亚 | 《残疾人歧视法》 | 1992 | 点击这里 | WCAG 2.0 | 政府网站应遵守WCAG 2.0 AA |
加拿大 | 加拿大人权法案 | 1985 | 点击这里 | WCAG 2.0 | 政府网站应遵守WCAG 2.0 AA |
中国 | 自愿性无障碍网页标准 | 2008 | 点击这里 | WCAG 2.0衍生品 | 各机构、部委和其他政府实体必须遵守WCAG 2.0衍生版本 |
丹麦 | 关于公共部门软件使用开放标准的协议 | 2007 | 点击这里 | WCAG 2.0 | 公共部门 |
欧盟 | 网络和移动无障碍指令 | 2016 | 点击这里 | WCAG 2.0 | 要求所有欧盟委员会网站 |
芬兰 | 《公共部门电子服务和通信法》 | 2003 | 点击这里 | - | 政府网站的要求 |
法国 | 第2005-102号法律第47条 | 2005 | 点击这里 | WCAG 2.0衍生品 | 要求所有欧盟委员会网站 |
德国 | 联邦无障碍信息技术条例 | 2011 | 点击这里 | WCAG 2.0衍生品 | 政府网站应遵守WCAG 2.0 |
中华人民共和国香港特别行政区 | 透过政府网站发布资料指引 | 1999 | 点击这里 | WCAG 2.0 | 政府网站应遵守WCAG 2.0 |
印度 | 印度政府网站指南 | 2009 | 点击这里 | WCAG 2.0 | 政府网站应遵守WCAG 2.0 |
爱尔兰 | 平等地位法案,2000年至2004年 | 2004 | 点击这里 | WCAG 2.0 | 政府网站的要求 |
以色列 | 经修订的《残疾人平等权利法》 | 1998 | 点击这里 | WCAG 2.0 | 各机构、部委和其他政府实体必须遵守WCAG 2.0衍生版本 |
意大利 | 2004年1月9日法律,第4号“支持残疾人使用IT工具的规定”(斯坦卡法) | 2004 | 点击这里 | WCAG 2.0 | 政府网站的要求 |
荷兰 | 荷兰的政策 | 2016 | 点击这里 | WCAG 2.0 | 政府网站的要求 |
新西兰 | 网上实务指引 | 2013 | 点击这里 | WCAG 2.0 | 政府网站的要求 |
挪威 | 信息通信技术通用设计规定 | 2013 | 点击这里 | WCAG 2.0衍生品 | 政府网站的要求 |
大韩民国 | 《残疾人福利法》 | 2008 | 点击这里 | WCAG 2.0衍生品 | 公共和私营部门使用WCAG 2.0衍生品 |
瑞士 | 《关于消除残疾人不平等待遇的联邦法》(经修订) | 2002 | - | WCAG 2.0 |
公营机构和私营机构 |
台湾 | 无障碍网页指引2.0 | 2017 | 点击这里 | WCAG 2.0衍生品 | 公共部门 |
联合王国 | 平等法案 | 2010 | 点击这里 | WCAG 2.0 |
政府网站必须使用。其他网站必须遵守平等法,但技术标准不是提供者 |
顶级网页可访问性测试工具
下面是一些网络上最常用的辅助工具。点击这里获取W3.org推荐的测试工具列表。
工具 | 关于 | 链接 |
---|---|---|
绝妙的映射器 | 测试公共或私人网站的可访问性 | 点击这里 |
互联网无障碍局 | 包含工具,报告和服务,以帮助公司和组织保持网站的可访问性和完整性 | 点击这里 |
自动化易访问性测试工具 | PayPal产品提供了可访问性API以及其他自定义web应用程序的HTML CodeSniffer | 点击这里 |
可访问性检查器 | 有助于检查内容的可访问性级别 | 点击这里 |
可访问性检查表 | 提供了一个简单的方法来审查最新和相关的网页无障碍指南 | 点击这里 |
可访问性查看器 | 显示可访问性API信息的Windows检查工具 | 点击这里 |
AChecker | 检查单个HTML页面是否符合可访问性标准 | 点击这里 |
Axe Chrome扩展 | 评估Chrome浏览器的网页可访问性 | 点击这里 |
WAVE Chrome扩展 | 评估Chrome浏览器的网页可访问性 | 点击这里 |
bookmarklet | 使用JavaScript突出显示页面上可访问性元素的角色、状态和属性 | 点击这里 |
CKSource | 检查所创建内容的可访问性,并立即解决任何问题 | 点击这里 |
辛西亚说 | 识别网站中的网页可访问性遵从性错误 | 点击这里 |
fireeye | 有助于在开发过程中构建可访问性 | 点击这里 |
他的软件合规治安官网站 | 有助于在公共网站、门户网站和内部网上强制执行网页可访问性指南 | 点击这里 |
HTML CodeSniffer | 检测是否违反定义的编码标准并检查HTML文档 | 点击这里 |
网管平台 | 查找并帮助修复网站可访问性问题 | 点击这里 |
Pa11y | 开源工具能帮助设计师和开发人员使他们的网页更容易访问吗 | 点击这里 |
PowerMapper | 一键式网站测试工具被许多知名机构用来测试可访问性 | 点击这里 |
榫 | 与网站可访问性相关的工具、测试和培训材料 | 点击这里 |
总验证器 | 检查网站是否使用了正确的HTML和CSS,没有损坏的链接,并且没有拼写错误 | 点击这里 |
WorldSpace | 检索和评估整个网站的可访问性 | 点击这里 |
ADA符合性和无障碍检查表
使您的网站符合ADA的最佳方法是同时遵守A和AA的一致性级别。如果你想让你的网站对绝大多数用户可用,那么它必须遵守AAA级标准。请记住,对于某些网站内容,完全符合AAA标准是不可能的。
此外,关于是遵循WCAG 2.1还是WCAG 2.0,存在一个普遍的困惑。W3C表示:“WCAG 2.0和WCAG 2.1都是现有的标准。WCAG 2.1不会弃用或取代WCAG 2.0。我们鼓励您在开发或更新内容或可访问性策略时使用WCAG的最新版本。”
我们根据3个一致性级别组织了WCAG 2.1(最新版本)检查表。如果你遵循它们,你可以很容易地让你的网站对每个人都可访问。
- 1级一致性-对于A,网页必须满足所有的成功标准,以达到A级
- 二级符合性—对于AA, web页面必须满足Level A和Level AA中的所有成功标准
- 3级一致性—对于AAA级,网页必须满足级别A、级别AA和级别AAA中的所有成功标准
1.WCAG 2.1符合性检查表A级
指导方针 | 额外的信息 |
---|---|
非文本内容 | 点击这里 |
仅限音频和视频(预先录制) | 点击这里 |
标题(上) | 点击这里 |
音频描述或媒体选择(预先录制) | 点击这里 |
信息和关系 | 点击这里 |
有意义的序列 | 点击这里 |
感官特征 | 点击这里 |
色彩的运用 | 点击这里 |
音频控制 | 点击这里 |
键盘 | 点击这里 |
无键盘陷阱 | 点击这里 |
字符键快捷键 | 点击这里 |
时间可调 | 点击这里 |
暂停,停止,隐藏 | 点击这里 |
闪光三次或低于阈值 | 点击这里 |
绕过块 | 点击这里 |
页面标题 | 点击这里 |
关注订单 | 点击这里 |
链接目的(上下文) | 点击这里 |
指针的手势 | 点击这里 |
指针取消 | 点击这里 |
名称标签 | 点击这里 |
运动驱动 | 点击这里 |
页面语言 | 点击这里 |
在关注 | 点击这里 |
在输入 | 点击这里 |
错误标识 | 点击这里 |
标签或说明 | 点击这里 |
解析 | 点击这里 |
名称、角色、值 | 点击这里 |
2.WCAG 2.1 AA级符合性检查表
指导方针 | 额外的信息 |
---|---|
标题(生活) | 点击这里 |
音频描述(预录) | 点击这里 |
取向 | 点击这里 |
确定输入目的 | 点击这里 |
对比(最小) | 点击这里 |
调整文本 | 点击这里 |
文字图像 | 点击这里 |
回流 | 点击这里 |
非文本的对比 | 点击这里 |
文本间距 | 点击这里 |
悬停或聚焦的内容 | 点击这里 |
多种方式 | 点击这里 |
标题和标签 | 点击这里 |
焦点可见 | 点击这里 |
部件语言 | 点击这里 |
一致的导航 | 点击这里 |
一致的识别 | 点击这里 |
错误的建议 | 点击这里 |
错误预防(法律、财务、数据) | 点击这里 |
状态信息 | 点击这里 |
3.WCAG 2.1 AAA级一致性检查表
指导方针 | 额外的信息 |
---|---|
手语(预录) | 点击这里 |
扩展音频描述(预录) | 点击这里 |
媒体选择(预录) | 点击这里 |
本(生活) | 点击这里 |
识别目的 | 点击这里 |
对比(增强) | 点击这里 |
低或无背景音频 | 点击这里 |
视觉展示视觉展示 | 点击这里 |
文字图片(不例外) | 点击这里 |
键盘(无例外) | 点击这里 |
没有时间 | 点击这里 |
中断 | 点击这里 |
认证 | 点击这里 |
超时 | 点击这里 |
三个闪光 | 点击这里 |
互动动画 | 点击这里 |
位置 | 点击这里 |
连结用途(只适用于连结) | 点击这里 |
节标题 | 点击这里 |
目标的大小 | 点击这里 |
并发输入机制 | 点击这里 |
不寻常的单词 | 点击这里 |
缩写 | 点击这里 |
阅读水平 | 点击这里 |
发音 | 点击这里 |
更改要求 | 点击这里 |
帮助 | 点击这里 |
错误预防(全部) | 点击这里 |
为每个参与创建Web体验的人准备的清单和提示
角色 | 额外的信息 |
---|---|
设计师 | 点击这里 |
开发人员 | 点击这里 |
内容的作家 | 点击这里 |
评估,测试人员 | 点击这里 |
经理 | 点击这里 |
政策制定者 | 点击这里 |
运动鞋、教育家 | 点击这里 |
面向开发人员、设计师、网络培训师、内容作者和项目经理的网页辅助教程 | 点击这里 |
额外的信息
这里有一些需要记住的附加信息。
额外的信息 | 了解更多 |
---|---|
WCAG2ICT—面向ICT管理人员、ICT开发人员、政策制定者和其他希望了解如何将WCAG 2.0应用于非web文档和软件的人员 | 点击这里 |
一致性标志-如何使用标志? | 点击这里 |
移动无障碍标准——适用于移动网页内容、移动网页应用、原生应用和在原生应用中使用web组件的混合应用等 | 点击这里 |
为有认知和学习障碍的人提供无障碍服务 | 点击这里 |
WAI-ARIA -帮助使用Ajax、HTML、JavaScript和相关技术开发动态内容和高级用户界面控件 | 点击这里 |
创作工具可访问性指南 | 点击这里 |
制定网站可访问性的组织政策 | 点击这里 |
该指南概述了帮助您在整个web制作过程中集成可访问性的活动 | 点击这里 |
ADA的SEO最佳实践
SEO专业人员必须更多地了解网页可访问性,因为在许多领域,网页可访问性和SEO一致。
例如,SEO最佳实践和WCAG指南都声明图像应该使用描述性替代文本。
所以,SEO专业人士一定不能只考虑网站优化。他们还必须考虑可访问性优化。
下面,我们整理了一些每个SEO专业人员必须遵循的主要最佳实践。
SEO最佳实践 | 解释 |
---|---|
图像alt标签和标题 | 整个网站上的图像必须有适当的图像描述 |
视频转录和标签 | 必须提供一份可读的成绩单,适用于仅限音频媒体和仅限视频媒体。另外,为视频添加标题、描述和关键字 |
pdf文档 | 网站上的pdf文件必须是完全可访问的。如果你想了解更多信息,请点击这里。 |
标题标签 | 标题标签必须易于识别 |
标题标签 | 如果有适当的标题标签,屏幕阅读器可以很容易地访问页面的结构 |
链接锚文本 | 你网站上的链接锚文本必须是描述性的。例如,在cli中点击这里CTA,你必须告诉用户你链接到什么 |
现场网站地图,目录和面包屑 | 一个简单的概要站点地图可以帮助用户理解页面的内容 |
内容排序 | 使用语义标记来赋予网页意义 |
文本的大小和颜色对比 | 尽量提高文本的对比度和可读性 |
哪些行业网站必须遵守ADA?
我们会告诉你哪些行业必须遵守《美国残疾人法》。但是,在此之前,让我们来看看哪些公司违反了《美国残疾人法》合规网站规则并陷入了麻烦。
公司 | 行业 | 更多的信息 |
---|---|---|
亚马逊网站无法为屏幕阅读器访问 | 电子商务 | 点击这里 |
网飞公司没有封闭字幕,这是对聋哑人的歧视 | 娱乐 | 点击这里 |
耐克的30个零售网站被起诉,因为他们没有遵守美国残疾人法的规定 | 鞋子 | 点击这里 |
残疾人无法访问达美乐的网站和移动应用程序 | 食物 | 点击这里 |
50所大学因其网站的可访问性而被起诉。 | 教育 | 点击这里 |
碧昂丝·诺尔斯被美国残疾人法起诉,因为她的网站不能被视障用户访问 | 娱乐 | 点击这里 |
Travelocity与全国盲人联合会达成协议,使他们的网站对残疾人完全开放 | 旅行 | 点击这里 |
希尔顿违反了《美国残疾人法》的规定,因为它不平等在线和电话预订房间的机会 | 旅行 | 点击这里 |
科莫州长同意提供无障碍的网上银行服务 | 银行 | 点击这里 |
WellPoint(目前被称为Anthem)被起诉,因为有视觉障碍的人无法使用该网站 | 医疗保健 | 点击这里 |
点击这里浏览美国与网络可及性有关的诉讼和和解。
从上面的列表可以明显看出,大多数主要行业都面临着ADA合规问题。
根据互联网无障碍局的数据,“19%的美国人口有某种形式的残疾,他们中的许多人在尝试搜索信息、与朋友和家人交流以及在线购物时遇到了严重的挑战。”
作为一家企业,你必须让消费者更容易了解你所提供的东西。ADA的最终目标是为残疾人提供平等的在线体验。
因此,无论你在哪个行业,你都必须为所有用户提供轻松的在线体验。
清理
让你的网站符合ADA标准的第一步是选择你想要达到的标准。接下来,查看标准,看看你的网站是否符合这些可访问性标准。
如果您正在寻找符合成功标准的技术,您可以将我们的博客作为参考。另一方面,如果你宁愿外包让你的网站可访问的工作,请随意发送请求随时加入我们的ColorWhistle团队。
免责声明- - - - - -本博客不提供法律建议。有关ADA的任何法律建议,您必须联系执业律师。我们写这个博客仅仅是为了教育在线社区关于网站可访问性的重要性。
谢谢你分享这篇精彩而有意义的文章。不错的内容!
感谢阅读!
好文章!每一点你都解释得很好。如果你不想被起诉,遵守《美国残疾人法》是非常重要的。此外,如果你的网站将数百万人排除在外,这对你的业务是没有价值的。作为一名符合ADA标准的网页设计师,我建议,如果你的网站符合ADA标准,它可以让你和残疾人受益,因为你可以在所有人中赢得和提高品牌声誉和名字,残疾人也可以轻松访问和浏览你的网站。此外,他们可以得到你提供的福利和服务。
说得好!
这是非常有趣的一个和好的信息,希望你能做更多这样的信息
是的,我们有。请查看我们的博客部分以获取更多信息。
我今天已经在网上浏览了3个多小时了,但我并没有发现任何像你这样迷人的文章。这对我来说是足够美好的价值。在我看来,如果所有的网站所有者和博主都像你一样制作好内容,那么网络可能比以往任何时候都更有帮助。
谢谢分享你的想法。很高兴你喜欢这篇文章!