WebAIM  - 无障碍记

WebAIM的WCAG 2清单

重要!

以下是Web内容无障碍指南(WCAG)2.这是一个清单,我们对实现无障碍的原则和技术,为那些寻求WCAG一致性礼物的建议。这里所用的语言显著简化和冷凝官方WCAG 2.1规范及配套材料,以使其更容易实现和验证的网页。

使用此清单指南:

  • 这个清单不应在政策或政策通过引用。虽然这是技术实现WCAG的一个有用的资源,它不是一个全面的政策清单。官方WCAG文档提供了实现无障碍进入政策或法律更好的机制。
  • WCAG涵盖了所有网页内容的可访问性,而不是具体的技术。此清单的语言进行了简化,并有针对性地找出最常见的技术和失败的HTML和移动内容。正是因此,相当有限,视技术的变化,而WCAG是要少得多。
  • 这份清单包含的WCAG准则和成功标准以及我们对满足这些成功的标准自己推荐的技术WebAIM的解释。下表链接到官方WCAG 2.1成功标准的第一列。

在WCAG 2.1加入成功的标准被标记为这样和具有浅绿色背景。

此清单的PDF版本也可

感知
网络内容提供给感官 - 视觉,听觉,和/或触摸

准则1.1
替代文本:为任何非文本内容替代文本

成功标准 WebAIM的建议
1.1.1非文本内容
(A级)
  • 图像,表格图像按钮,和图像映射热点具有适当的,等价替代文本
  • 图像不传达的内容,是装饰性的,或含有已传达文本中给出空的替代文本内容(ALT =“”)或CSS背景来实现。所有链接的图像具有描述性的替代文字。
  • 在上下文或一个单独的链接页面上提供给复杂的图像等效替代品。
  • 表单按钮有一个描述性的值。
  • 表单输入有关联文本标签
  • 嵌入式多媒体通过访问文本识别。万博体育官网网址
  • frame和iframe是适当的标题

指南1.2
基于时间的媒体:为基于时间的媒体的替代品

注意:如果音频或视频被指定为替代网页内容(例如,音频或手语版的网页,例如),然后将网页内容本身作为替代。

成功标准 WebAIM的建议
1.2.1预先录制的音频,只和视频,只
(A级)
  • 一种抄本相关内容的提供对于非实时仅音频(音频播客,MP3文件等)。
  • 记录或音频描述相关的内容提供了一种非实时的视频而已,除非视频是装饰。
1.2.2字幕(预先记录的)
(A级)
  • 同步字幕提供非实时视频(YouTube视频等)。
1.2.3音频描述或媒体替代(预录)
(A级)
  • 解说词要么提供非实时视频音频描述。
    注:仅当有未在音频呈现相关的视觉内容所需。
1.2.4字幕(直播)
(AA级)
  • 提供同步字幕直播媒体包含音频(仅音频广播,网络广播,视频会议等)
1.2.5音频描述(预先记录的)
(AA级)
  • 提供非实时视频音频描述。
    注:仅当有未在音频呈现相关的视觉内容所需。
  • 虽然在AA级,不要求无障碍最佳建议WebAIM除了音频说明成绩单。
1.2.6手语(预录)
(AAA级)
  • 手语视频提供了包含音频的媒体。
1.2.7扩展音频说明(预录)
(AAA级)
  • 当音频描述不能被添加到视频由于音频定时(例如,暂停不足在音频)时,视频的替代版本与停顿,使音频说明设置。
1.2.8媒体替代(预录)
(AAA级)
  • 解说词提供的是:有一个视频轨道预先录制的媒体。为了获得最佳的辅助功能,WebAIM强烈建议为所有的多媒体成绩单。
1.2.9纯音频(直播)
(AAA级)
  • 描述性文本转(例如,实时音频的脚本)提供的是:具有音频的直播内容。

准则1.3
适应性强:创建而不丢失信息或结构可以以不同的方式呈现(例如简单的布局)内容

成功标准 WebAIM的建议
1.3.1信息和关系
(A级)
  • 语义标记被用于指定的标题(

    ),区域/地标列表(
        ),强调或特殊文本(<强>,<代码>,<简称>,
        ,例如)等语义标记被适当地使用。
      1. 用于表格数据和数据单元与它们的报头相关联。数据表的说明文字,如果存在的话,被关联到数据表。
      2. 文字标签与表单输入元素相关联。相关形式的元件用字段集/图例分组。当标准的HTML不足可以使用ARIA标记。

1.3.2有意义的序列
(A级)
1.3.3感官特性
(A级)
  • 指令不依赖于形状,大小,或视觉位置(例如,“点击正方形图标继续”或“指令是在右手列”)。
  • 说明不依赖于声音(例如,“蜂鸣声表示你可以继续。”)。
1.3.4方向
(WCAG 2.1
AA级)
  • 网页内容定位并不只限于纵向或横向的,除非有具体的方向是必要的。
1.3.5识别输入目的
(WCAG 2.1
AA级)
1.3.6确定用途
(WCAG 2.1
AAA级)
  • HTML5区域或ARIA标志用于识别页面的区域。
  • ARIA是酌情使用,以提高HTML语义更好地识别界面组件的目的。

指南1.4
区分:让用户更容易看到和听到的内容,包括从背景中分离前景

成功标准 WebAIM的建议
1.4.1用色
(A级)
  • 颜色不被用作传送内容或区分视觉元素的唯一方法。
  • 单纯用颜色不是用来区分链接从周围的文字,除非对比度连杆和周围的文本之间为至少3:1的当链路悬停并接收聚焦提供了一种附加的区别(例如,变得下划线)。
1.4.2音频控制
(A级)
  • 甲机构被设置到停止,暂停,静音,或调整音量的音频,网页上自动播放超过3秒。
1.4.3对比度(最小)
(AA级)
  • 文本和文本的图像具有至少4.5的对比度比。
  • 大的文本 - 至少18点(通常为24像素)或14点(通常18.66px)和粗体 - 具有至少3的对比度比。
1.4.4调整大小的文本
(AA级)
  • 页面是可读的和功能性,当页面被放大到200%。注意:1.4.10(下)引入了对缩放内容的更高的要求。
文本1.4.5图片
(AA级)
  • 如果相同的视觉呈现可以单独使用文本进行,图像不用于呈现文本。
1.4.6对比度(增强)
(AAA级)
  • 文本和文本的图像具有至少7的对比度比。
  • 大的文本 - 至少18点(通常为24像素)或14点(通常18.66px)粗体 - 具有至少为4.5的对比度比。
1.4.7低或无背景音频
(AAA级)
  • 音频与语音没有或非常低的背景噪声,因此语音容易区分。
1.4.8视觉呈现
(AAA级)
  • 长度超过一个句子的文本块:
    • 不超过80个字符宽。
    • 没有充分的理由(左对齐,右页边距两者)。
    • 有足够的行间距(至少1/2文本的高度)和段落间距(1.5倍行距)。
    • 具有指定前景色和背景色。这些可以使用CSS被施加到特定的元素或整个页(并且因此由所有其它元素继承)。
    • 当文本大小加倍无需水平滚动。
文本1.4.9图片(没有例外)
(AAA级)
  • 文本图像中仅用于装饰(图像不传达的内容)或当信息不能单独的文本呈现。
1.4.10回流
(WCAG 2.1
AA级)
  • 发生的内容或功能没有损失,并且当内容被呈现在320个像素的宽度避免水平滚动。
    • 这需要对大多数网站响应式设计。这是最好的广泛设置的浏览器窗口1280个像素,然后缩放页面内容以400%的测试。
  • 需要水平滚动,如数据表的内容,复杂图像(如地图和图表),工具栏等被免除。
1.4.11非文本对比
(WCAG 2.1
AA级)
  • 至少3的对比度:图1是本用于区分的图形对象(例如图标和图表或曲线图的组件)和作者定制接口组件(例如,按钮,表单控件,和焦点指示符/轮廓)。
  • 至少3:必须提交定制交互式组件的各种状态(聚焦,悬停,活性等)来提供1倍的对比度。
1.4.12文字间距
(WCAG 2.1
AA级)
  • 的内容或功能没有损失当用户适应段落间距的2倍的字体大小,文本行的高度/间距的1.5倍的字体大小,文字间隔,以0.16倍的字体大小,和字母间距到0.12倍的发生字体大小。
  • 这是最好的避免了对包含文本的元素像素高度定义的支持。
1.4.13内容上悬停或聚焦
(WCAG 2.1
AA级)
  • 当附加内容呈现上悬停或键盘焦点:
    • 该新发现的内容可以在不移动指针或键盘焦点被解雇(通常经由Esc键),除非该内容呈现的输入错误或不遮挡或其他网页内容干涉。
    • 指针可以移动到没有内容消失了新的内容。
    • 直到指针或键盘焦点从触发控制搬走了新的内容必须保持可见,新的内容被驳回,或新的内容不再相关。

可操作性
接口的形式,控制和导航可操作

指南2.1
键盘操作:请从键盘万博体育官网网址的所有功能

成功标准 WebAIM的建议
2.1.1键盘
(A级)
  • 所有页面功能可使用键盘除非功能不能在使用键盘(例如,免费手绘图)的任何已知的方式来完成。
  • 页面指​​定的快捷键和accesskeys(通常应避免ACCESSKEY)不与现有的浏览器和屏幕阅读器快捷键冲突。
2.1.2无键盘陷阱
(A级)
  • 键盘重点是永远不会被锁定或被困在一个特定的页面元素。用户可以浏览并从仅使用键盘的所有通航页面元素。
2.1.3键盘(无异常)
(AAA级)
  • 所有页面功能可使用键盘。
2.1.4字符键盘快捷键
(WCAG 2.1
A级)
  • 如果键盘快捷方式使用可打印字符键,则用户必须能够禁用键盘命令,改变定义键不可打印键(Ctrl键,Alt键等),或仅激活快捷当相关联的接口组件或按钮被聚焦。

准则2.2
充足的时间:为用户提供足够的时间来阅读和使用内容

成功标准 WebAIM的建议
2.2.1定时可调
(A级)
  • 如果一个网页或应用程序有一个时间限制,为用户提供了选项关闭,调整或延长此期限。这不是为实时事件(例如,拍卖),其中绝对需要的时间限制的要求,或者如果时间限制是超过20小时更长的时间。
2.2.2暂停,停止,隐藏
(A级)
  • 自动移动,闪烁,或滚动,持续5秒以上,可暂停内容(例如转盘,选取框,或动画),停止,或由用户隐藏。
  • 自动更新内容(例如,一个动态更新股票新闻,聊天消息,等)可被暂停,停止,或通过对用户隐藏,或者用户可以手动控制更新的定时。
2.2.3无定时
(AAA级)
  • 内容和功能都没有时间限制或约束。
2.2.4中断
(AAA级)
  • 中断(警报,页面更新等)可以推迟或由用户抑制。
2.2.5重新认证
(AAA级)
  • 如果验证会话过期后,用户可以重新进行身份验证,并继续活动,而从当前页面丢失任何数据。
2.2.6超时
(WCAG 2.1
AAA级)
  • 用户必须予以警告,可能会导致数据丢失,除非该数据被保存超过20小时的用户活动的任何超时。

指南2.3
癫痫发作和物理反应:不要在已知会导致癫痫发作或物理反应的方式设计内容。

成功标准 WebAIM的建议
2.3.1闪烁三次或低于阈值
(A级)
2.3.2闪烁三次
(AAA级)
  • 没有页面内容每秒闪烁3次以上。
从互动2.3.3动画
(WCAG 2.1
AAA级)
  • 用户可以禁用由用户交互触发非必要的动画和运动。

指南2.4
通航:提供的方式来帮助用户浏览,查找内容,并确定他们在哪里。

成功标准 WebAIM的建议
2.4.1旁路模块
(A级)
  • 提供一个链接到跳过导航和整个网页被重复其他网页元素。
  • 一个适当的标题结构和/或页区域的识别/界标可以被认为是足够的技术。因为标题或地区的导航在大多数浏览器不支持,WebAIM建议“跳过”链接(除了标题和地区),以更好地支持短视键盘用户。
2.4.2页题为
(A级)
  • 网页上有一个描述和翔实的页面标题。
2.4.3焦点顺序
(A级)
  • 的链接,表单元件等的导航顺序是合乎逻辑的和直观的。
2.4.4链接目的(在上下文)
(A级)
  • 每个链路(或表格图像按钮或图像映射热点)的目的可以从链接文本单独确定,或者从链接内容和背景(例如,周围的文本,列表项,一个标题,或表头)。
  • 即转到不同位置的链接(或表格图像的按钮)具有相同的文字是容易区别。
2.4.5多种方式
(AA级)
  • 多种方式可用来找到网站上的其他网页 - 至少两个:相关网页,目录,网站地图,网站搜索,或所有可用的网页的清单列表。
2.4.6标题和标签
(AA级)
  • 页面标题和表单和交互式控件标签信息。避免重复标题(例如,“更多细节”)或标签文本(例如,“名”),除非结构提供它们之间有足够的差异化。
2.4.7焦点可见
(AA级)
  • 这是视觉上明显的哪一页元件具有当前键盘焦点(即,作为通过您的页面选项卡上,可以看到你在哪里)。
2.4.8位置
(AAA级)
  • If a web page is part of a sequence of pages or within a complex site structure, an indication of the current page location is provided, for example, through breadcrumbs or specifying the current step in a sequence (e.g., "Step 2 of 5 - Shipping Address").
2.4.9链接目的(链路)
(AAA级)
  • 每个链路(或表格图像按钮或图像映射热点)的目的,可以从单独的链接文本来确定。
  • 有没有链接(或表单图像按钮)使用相同的文字去到不同的位置。
2.4.10节标题
(AAA级)
  • 除了提供一个整体文档结构,内容的各个部分使用标题,在适当情况下指定。

指南2.5
输入方式:让用户更容易通过键盘以外各种输入操作的功能。

成功标准 WebAIM的建议
2.5.1指针手势
(WCAG 2.1
A级)
  • 如果多点或基于路径的手势(如捏,滑动,或者在屏幕上拖动)不是必不可少的功能,则该功能也可以用单个点进行活化(如激活按钮)。
2.5.2指针取消
(WCAG 2.1
A级)
  • 为了帮助避免无意激活的控制,避免非必要向下事件(例如,onmousedown事件)时点击,攻丝,或长按屏幕激活。使用的onclick,onmouseup,或类似的代替。如果onmouseup(或类似)时,你必须提供一个机制,中止或撤销所执行的操作。
2.5.3标签的名称
(WCAG 2.1
A级)
  • 如果该组件的接口组件(链接,按钮等)呈现的文本(或文本的图像),可访问名称(标签,替代文本,唱腔标签等)必须包含的可见文本。万博体育官网网址
2.5.4运动作动
(WCAG 2.1
A级)
  • 由该装置移动(例如摇动或摇动移动设备)或通过用户动作(例如挥手照相机)触发可以被停用,而等同的功能的功能是通过例如按钮标准控件提供。
2.5.5目标尺寸
(WCAG 2.1
AAA级)
  • 可点击的目标是至少44由大小44个像素,除非提供了尺寸的一种替代目标时,目标是内联(如一个句子中的链接),目标没有作者改性(例如默认复选框),或小目标大小是功能是必不可少的。
2.5.6并行输入机制
(WCAG 2.1
AAA级)
  • 内容不限制输入到一个特定的模式,诸如触摸仅或键盘只,但必须支持可替代的输入(例如,使用移动设备上的键盘)。

可理解
信息和用户界面操作必须是可以理解的。

准则3.1
可读性:使文本内容可读性和可理解

成功标准 WebAIM的建议
3.1.1页的语言
(A级)
  • 页面的语言被识别使用HTML lang属性(例如,)。
零件3.1.2语言
(AA级)
  • 的页面内容的语言是在不同的语言被识别使用lang属性(例如,
    )。
3.1.3异常词
(AAA级)
  • 其可以是不明确的,不熟悉的,或者在一个非常特定的方式使用,通过相邻的文本,一个定义列表,词汇表,或其他合适的方法来定义。
3.1.4缩写
(AAA级)
  • 不熟悉的缩写的含义扩展它在第一次使用时,使用<简称>元件,或连接到一个定义或词汇表提供。
3.1.5阅读水平
(AAA级)
  • 更多理解可以提供在除了可以通过合理的人有大约900年的小学教育的更多高级内容。
3.1.6发音
(AAA级)
  • 如果一个单词的发音是理解这个词非常重要,它的发音是字后面或者通过链接或词汇立即提供。

3.2指引
可以预见的:使网页出现,并在可预见的方式运行

成功标准 WebAIM的建议
3.2.1焦点
(A级)
  • 当一个页面元素接收焦点,它不会导致实质性的改变页面,弹出窗口的产卵,键盘焦点的额外变化,或可能混淆或迷惑用户的任何其他变化。
3.2.2输入
(A级)
  • 当用户输入信息或交互与控制,它不发生重大变化的页面结果,弹出窗口的产卵,键盘焦点的额外变化,或可能混淆或迷惑用户的任何其他变化除非用户被告知时间的变化提前。
3.2.3一致的导航
(AA级)
  • 通过网站导航时重复网页上不改变顺序导航链接。
3.2.4一致鉴定
(AA级)
  • 具有跨多个网页相同的功能元素都一致认定。例如,在网站顶部的搜索框应该总是被贴上相同的方式。
3.2.5变化请求
(AAA级)
  • 实质性的改变页面的弹出窗口产卵,键盘焦点,或可能混淆或迷惑用户的任何其他变化的不可控的变化必须由用户启动。可替代地,向用户提供一个选项来禁用这样的变化。

指南3.3
输入帮助:帮助用户避免和纠正错误

成功标准 WebAIM的建议
3.3.1错误鉴定
(A级)
  • 需要特定的格式,值,或长度所需形式的元件或形式元件提供元素的标签内此信息。
  • 表单验证错误是高效,直观和方便。万博体育官网网址错误被清楚地识别,被提供给有问题的元件快速访问,并且用户可以很容易地修复错误并重新提交的形式。
3.3.2标签,说明书
(A级)
  • 足够标签,线索,以及用于所需的交互元素指令经由指令,实施例,适当地定位形式的标签,和/或字段集/图例提供。
3.3.3错误建议
(AA级)
  • 如果检测到的输入错误(经由客户端或服务器端验证),提供了用于在一个及时和可访问的方式固定所述输入建议。万博体育官网网址
3.3.4错误预防(法律,金融,数据)
(AA级)
  • 如果用户可以更改或删除的法律,财务或测试数据,更改/删除可以逆转,验证或确认的。
3.3.5帮助
(AAA级)
  • 提供了相关说明和提示的情况下在形式完成并提交帮助。
3.3.6错误预防(全部)
(AAA级)
  • 如果用户可以提交信息,提交是可逆的,经核实,或确认。

强大的
内容必须足够强大,它可以通过各种各样的用户代理进行解释,包括辅助技术

指南4.1
兼容:与当前和未来的用户代理最大化的兼容性,包括辅助技术

成功标准 WebAIM的建议
4.1.1解析
(A级)
4.1.2名称,角色,值
(A级)
  • 标记是有利于无障碍的方式使用。这包括以下的HTML / XHTML规范和使用表单,表单标签,帧标题等适当。
  • ARIA适当用于提高可访问时,HTML是不够的。
4.1.3状态信息
(WCAG 2.1
AA级)
  • 如果提出一个重要的状态信息,无法合焦设置为消息时,必须将消息公布到屏幕阅读器的用户,通常经由ARIA警报或现场区域。

此清单提供作为一种资源来帮助实施Web内容无障碍指南(WCAG)2.1(W3C推荐2018年6月5日),这是版权©2017年至2018年W3C®