WebAIM WCAG 2清单

重要!

下面是Web内容可访问性指南(WCAG) 2一个清单,实现可访问性的提出了我们的建议对于那些寻求WCAG一致性原则和技术这里使用的语言大大简化和凝结官方WCAG 2.1规范和支持材料,让它更容易实现和验证web页面。

使用这个清单指南:

  • 这个清单should not be referenced in policies or in policy adoption虽然这是一个有用的资源WCAG技术实现的,它不是一个全面的政策清单官方WCAG文档提供了更好的机制来实现可访问性进政策或法律的规定。
  • WCAG覆盖所有web内容的可访问性,而不是具体的技术这个清单已经简化的语言和目标识别最常见的技术和故障对HTML和移动内容因此,相当有限,受制于技术变化,而WCAG所以要少得多。
  • 这个清单包含WebAIM WCAG准则和成功标准的解释,我们自己的推荐技术满足那些成功的标准下表的第一列的链接官方WCAG 2.1成功标准。

成功标准WCAG 2.1中添加标记为这种浅绿色背景。

一个PDF版本的清单也可以

可感知的
Web内容提供了感官——视觉、听觉、和/或联系

1.1指导
文本的替代品:提供文本选择对于任何非文本内容

成功的标准 WebAIM的建议
1.1.1非文本内容
(水平)
  • 所有图片、表单图片按钮和图像映射热点有适当,等价的替代文本
  • 不传达内容的图像,是装饰,或包含的内容已经转达了在文本给出零alt文本(alt = " ")或实现为CSS背景所有相关的图像描述替代文本。
  • 等效替代复杂的图像提供了上下文或在一个单独的链接页面。
  • 按钮有一个描述性的价值形式。
  • 表单输入有相关联的文本标签
  • 嵌入式多媒体标识通过万博体育官网网址文本。
  • 帧和iframes是适当的题为

1.2指导
基于时间的媒体:为基于时间的媒体提供替代品

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

成功的标准 WebAIM的建议
1.2.1提前录制和视频点播自成一派
(水平)
  • 一个描述性的文字记录,包括有关听觉内容non-live自成一派(音频播客,MP3文件,等等)。
  • 一个描述性的文字记录或音频描述为non-live提供视频点播(例如,视频没有音轨),除非装饰视频。
1.2.2字幕(上)
(水平)
  • 同步标题提供non-live视频(YouTube视频等)。
1.2.3音频描述或媒体替代(上)
(水平)
  • A descriptive text成绩单音频描述跟踪提供non-live视频。
    注意:只需要如果视频视觉传达内容,不是通过音轨。
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信息和关系
(水平)
  • 语义标记is used to designate headings (<h1>), regions/landmarks, lists (<ul>, <ol>, and <dl>), emphasized or special text (<strong>, <code>, <abbr>, <blockquote>, for example), etc适当地使用语义标记。
  • 用于表格数据和数据细胞与他们的头呢数据表标题,如果存在,相关数据表。
  • 文本标签与表单输入元素相关联相关表单元素分组与自定义字段/传奇咏叹调标签时可以使用标准的HTML是不够的。
1.3.2意义的序列
(水平)
1.3.3感官特征
(水平)
  • 指令不依赖形状、大小或视觉位置(例如,“点击广场图标继续”或“指令在右侧栏”)。
  • 指令不依赖声音(例如,“哔哔的声音表示你可能继续比赛。”)。
1.3.4取向
(WCAG 2.1
等级AA)
  • 取向的web内容不限于横向或纵向,除非特定的取向是必要的。
1.3.5识别输入的目的
(WCAG 2.1
等级AA)
1.3.6识别目的
(WCAG 2.1
AAA级)
  • HTML5地区或咏叹调地标是用来识别页面区域。
  • 使用ARIA,在适当的地方,提高HTML语义更好地识别界面组件的目的。

1.4指导
区分:方便用户看到和听到的内容包括将前景与背景分离

成功的标准 WebAIM的建议
1.4.1使用颜色
(水平)
  • 颜色不是用作传达内容或区分视觉元素的唯一方法。
  • 颜色本身并不是用来区分链接从周围的文本除非链接之间的对比度和周围文本至少是3:1额外的区别(如变成下划线)提供链接时徘徊在和接收焦点。
1.4.2音频控制
(水平)
  • 提供一种机制停止、暂停、静音,或为音频自动调整音量扮演一个页面上超过3秒。
3对比(最小)
(要求等级AA)
  • 文本和图像的文本有一个对比度至少4.5:1。
  • 大型文本——至少18点(通常是24 px)或14点(通常是18.66 px)和大胆——至少3:1的对比度。
1.4.4调整文本
(要求等级AA)
  • 页面可读性和功能页面时放大到200%注意:1.4.10(下图)引入了一个更高的缩放内容要求。
1.4.5图像的文本
(要求等级AA)
  • 如果相同的视觉呈现可以仅使用文本,图像不习惯现在的文本。
1.4.6对比(增强)
(要求等级AAA级)
  • 文本和图像的文本有一个对比度至少7:1。
  • 大型文本——至少18点(通常是24 px)或14点(通常是18.66 px)大胆——至少4.5:1的对比度。
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像素的宽度。
    • 这需要响应的大多数web站点的设计这是最好的测试通过设置浏览器窗口1280像素宽,然后缩放页面内容到400%。
  • 内容需要水平滚动,如数据表,复杂的图像(如地图和图表),工具栏等豁免。
1.4.11非文本的对比
(WCAG 2.1
等级AA)
  • 至少3:1存在的对比度区分图形对象(如图表或图形图标和组件)和author-customized界面组件(如按钮、表单控件和重点指标/轮廓)。
  • 各种状态(重点,盘旋,活跃,等等)author-customized交互式组件都必须呈现3:1的对比。
1.4.12文本间距
(WCAG 2.1
等级AA)
  • 没有损失的内容或功能发生在用户适应文本行高/间距字体大小的1.5倍,段落间距2倍的字体大小,字间距字体大小16次,字体大小和字符间距点倍。
  • 这是最好的避免像素高度支持的定义包含文本的元素。
1.4.13内容悬浮或焦点
(WCAG 2.1
等级AA)
  • 当附加内容呈现在鼠标或键盘焦点:
    • 新披露的内容可以被解雇(通常通过Esc键)不动的指针或键盘焦点,除非内容提供了一个输入错误或不模糊或干扰其他页面内容。
    • 指针可以移动到新的内容没有消失。
    • 新内容必须保持可见,直到指针或键盘焦点离开触发控制、新内容被解职,或新内容不再是相关的。

可操作的
接口形式、控制和导航是可操作的

2.1指导
Keyboard 万博体育官网网址: Make all functionality available from a keyboard

成功的标准 WebAIM的建议
2.1.1键盘
(水平)
  • 所有的页面功能可以使用键盘,除非功能不能使用任何已知的方法完成键盘(例如,徒手画)。
  • Page-specified快捷键和键盘(accesskey通常应该避免)不与现有的浏览器和屏幕阅读器快捷键冲突。
2.1.2没有键盘陷阱
(水平)
  • 键盘重点是不要锁或被困在一个特定的页面元素用户可以导航到和从所有通航页面元素仅使用一个键盘。
2.1.3键盘(无异常)
(要求等级AAA级)
  • 所有的页面功能可以使用键盘。
2.1.4字符键的快捷方式
(WCAG 2.1
水平)
  • 如果一个键盘快捷键使用可打印字符键,那么用户必须能够禁用键命令,改变非输出定义关键键(Ctrl,Alt,等等),或者只激活接口关联的快捷方式,当一个组件或按钮集中。

2.2指导
足够的时间:为用户提供足够的时间来阅读和使用内容

成功的标准 WebAIM的建议
2.2.1时间可调
(水平)
  • 如果一个页面或应用程序有一个时间限制,用户选择关闭,调整,或延长期限这不是一个要求实时事件(如拍卖),期限是绝对必需的,或者如果期限超过20小时。
2.2.2 Pause, Stop, Hide
(水平)
  • 自动移动,眨眼,或滚动内容(如旋转木马,顶篷上,或动画),持续时间超过5秒可以暂停,停止,由用户或隐藏。
  • 自动更新内容(如dynamically-updating新闻播报,聊天信息,等等)可以暂停,停止,或隐藏的用户或用户可以手动控制的时间更新。
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三个闪光或低于阈值
(水平)
2.3.2三个闪光
(要求等级AAA级)
  • 没有页面内容每秒闪烁超过3次。
2.3.3动画从交互
(WCAG 2.1
AAA级)
  • 用户可以禁用不必要的动画和运动所引发的用户交互。

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

成功的标准 WebAIM的建议
2.4.1绕过块
(水平)
  • 提供了一个链接跳过导航和其他页面元素重复网页。
  • 一个适当的标题页面区域/地标建筑的结构和/或识别可能被认为是足够的技术因为标题导航或地区在大多数浏览器不支持,WebAIM建议“跳过”链接(除了标题和地区)的键盘用户最好的支持。
2.4.2页面标题
(水平)
  • 网页有一个描述性和翔实的页面标题。
2.4.3关注订单
(水平)
  • 导航的链接、表单元素等是合乎逻辑的和直观。
2.4.4链接的目的(背景)
(水平)
  • 每个链接的目的(或形式图像按钮或图像热点地图)可以确定链接的文本,或从链接文本和它的上下文(例如,周围的文本、列表项,表细胞,或表头)。
  • 链接(或形成图像按钮)相同的文本,去不同的地方很容易区分。
2.4.5多种方式
(要求等级AA)
  • 多种方式在网站上可以找到其他网页——至少有两个:相关的列表页,目录,网站地图,网站搜索,或者所有可用的web页面的列表。
2.4.6标题和标签
(要求等级AA)
  • 页面标题和标签的形式和交互式控制信息避免重复标题(例如,"详细信息")或标签的文本(例如,“名字”),除非它们之间的结构提供了足够的分化。
2.4.7焦点可见
(要求等级AA)
  • It is visually apparent which page element has the current keyboard focus (i.e., as you tab through the page, you can see where you are).
2.4.8位置
(要求等级AAA级)
  • 如果一个web页面的页面是一个序列的一部分或在一个复杂的网站结构,表明当前页面位置,例如,通过面包屑或指定当前步骤序列(例如,“5 -送货地址的步骤2”)。
2.4.9目的链接(链接)
(要求等级AAA级)
  • 每个链接的目的(或形式图像按钮或图像热点地图)可以确定单独的链接文本。
  • 没有链接(或形成图像按钮)相同的文本,去不同的地方。
2.4.10节标题
(要求等级AAA级)
  • 除了提供一个全面的文档结构,个人部分的内容指定使用标题,在适当的地方。

2.5指导
输入方式:方便用户操作功能通过各种输入键盘。

成功的标准 WebAIM的建议
2.5.1指针手势
(WCAG 2.1
水平)
  • 如果多点或基于路径的手势(比如摁,刷,或在屏幕上拖动)并不是必不可少的功能,然后执行的功能也可以单点激活(如激活按钮)。
2.5.2指针取消
(WCAG 2.1
水平)
  • 帮助避免无意激活的控制,避免不必要的关闭事件(例如,onmousedown)激活点击时,攻丝,或长按屏幕使用onclick、onmouseup或类似如果使用onmouseup(或类似),您必须提供一种机制来中止或撤销执行的行动。
2.5.3标签名称
(WCAG 2.1
水平)
  • 如果一个接口组件(链接、按钮等)提出了文本(文字或图片),在万博体育官网网址名称(标签、替代文本aria-label等)的组件必须包括可见文本。
2.5.4运动驱动
(WCAG 2.1
水平)
  • 触发功能,通过移动设备(如摇动或平移移动设备)或由用户运动(如挥舞相机)可以禁用和等效的功能是通过提供标准控件按钮。
2.5.5目标大小
(WCAG 2.1
AAA级)
  • 点击目标至少44×44像素大小,除非另一个这种规模的目标,目标是内联(比如链接在一个句子),目标不是author-modified(比如一个默认的复选框),或小目标大小的功能至关重要。
2.5.6并发输入机制
(WCAG 2.1
AAA级)
  • 内容不限制输入到一个特定的形态,如合二为一或只用键盘,但必须支持替代输入(例如移动设备上使用键盘)。

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

3.1指导
读:使文本内容可读性和可以理解的

成功的标准 WebAIM的建议
3.1.1页面语言
(水平)
  • 页面的语言标识使用HTML lang属性(例如,< HTML lang =“en”>)。
3.1.2的语言部分
(要求等级AA)
  • 页面内容的语言,不同的语言标识使用lang属性(例如,< blockquote lang =“西文”>)。
3.1.3不同寻常的单词
(要求等级AAA级)
  • 单词that may be ambiguous, unfamiliar, or used in a very specific way are defined through adjacent text, a definition list, a glossary, or other suitable method.
3.1.4缩写
(要求等级AAA级)
  • 一个陌生的缩写的意思是由扩大它第一次使用,使用<方法>元素,或者链接到一个定义或词汇表。
3.1.5阅读水平
(要求等级AAA级)
  • 更容易理解的选择为内容提供更先进的比可以通过一个人合理的阅读大约9年的初等教育。
3.1.6发音
(要求等级AAA级)
  • 如果一个词的发音是至关重要的理解这个词,它的发音是词或通过一个链接或后立即提供术语表。

3.2指导
可以预见:让网页看起来和以可预测的方式运作

成功的标准 WebAIM的建议
3.2.1对焦点
(水平)
  • 当一个页面元素获得焦点时,它不会导致大幅改变页面,弹出窗口的产卵,一个额外的键盘焦点的变化,或其他任何变化可能混淆或误导用户。
3.2.2在输入
(水平)
  • 当用户输入信息或与控制,它不会导致大幅改变页面,弹出窗口的产卵,一个额外的键盘焦点的变化,或任何其他的变化可能会混淆或迷惑用户,除非用户提前通知的变化。
3.2.3一致的导航
(要求等级AA)
  • 导航链接网页上重复浏览网站时不要改变订单。
3.2.4一致的识别
(要求等级AA)
  • 跨多个web页面元素具有相同的功能不断地确认例如,搜索框顶部的网站应该标记相同。
3.2.5变化对请求
(要求等级AAA级)
  • 实质性的修改页面,弹出窗口的产卵,不受控制的键盘焦点的变化,或任何其他可能混淆的变化或迷惑用户必须由用户发起另外,用户提供一个选项来禁用这些变化。

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

成功的标准 WebAIM的建议
3.3.1错误标识
(水平)
  • 所需的表单元素或需要特定格式的表单元素,价值,或者在元素的标签长度提供这些信息。
  • 表单验证错误是高效、直观、万博体育官网网址错误显然是识别,提供快速访问问题元素,用户可以很容易地修复错误并重新提交表单。
3.3.2标签或说明
(水平)
  • 足够的标签,提示,说明需要提供交互元素通过指令,例子,正确定位标签形式,和/或自定义字段/传说。
3.3.3错误的建议
(要求等级AA)
  • 如果一个输入错误检测(通过客户端或服务器端验证),建议及时提供解决输入和万博体育官网网址方式。
3.3.4错误预防(法律、财务、数据)
(要求等级AA)
  • 如果用户可以更改或删除法律、金融、或测试数据,更改/删除可以逆转,验证或确认。
3.3.5帮助
(要求等级AAA级)
  • 指令和上下文提供的线索来帮助在形式上完成和提交。
3.3.6错误预防(全部)
(要求等级AAA级)
  • 如果用户可以提交信息,提交是可逆的,验证或确认。

健壮的
内容必须足够健壮,可以被各种各样的用户代理,包括辅助技术

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

成功的标准 WebAIM的建议
以下4.4.1解析
(水平)
4.1.2名称、作用、价值
(水平)
  • 标记用这样一种方式,促进了可访问性这包括HTML / XHTML规范和使用形式后,表单标签,框架标题等适当。
  • 使用ARIA HTML时适当提高可访问性是不够的。
4.1.3状态信息
(WCAG 2.1
等级AA)
  • 如果提出一个重要的状态消息,重点不是这个消息,消息必须宣布屏幕阅读器用户,通常通过一个咏叹调警报或居住地区。

这个清单是一个资源来帮助实现Web内容可访问性指南(WCAG)2.1(W3C推荐标准2018年6月5日)版权©2017 - 2018W3C®