信息无障碍 - 可访问性测评标准

1        引言

1.1      文档目的

为某省网上办事大厅信息无障碍建设提供可访问性测评标准，制定验收标准，使其信息无障碍改造符合WCAG2.0 A级、AA级标准，特编制此方案。

1.2      读者对象

某省信息中心、某省网上办事大厅承建单位等相关干系人。

1.3      背景

为了体现政府提供公共服务的公平、公正、均等化的要求，保障弱势群体获得政府公众服务的权利，我国政府近年一直致力于推动信息无障碍技术在各个领域的应用，先后制定《无障碍环境建设条例》、《网站设计无障碍技术要求》、《网站设计无障碍评级测试方法》等相关法规及行业标准。在建设服务型政府的大环境之下，信息无障碍服务成为政府主厅提高公众服务水平、扩大公众服务范围的新亮点。

某省网上办事大厅作为连接政府和社会公众的重要桥梁，虽然可以从某省政府信息无障碍公共服务平台访问某省网上办事大厅，但是某省网上办事大厅站点本身不能满足WCAG（Web内容无障碍指南）2.0定义的AA级别要求，直接影响了残障人士和老年人获取政府信息和服务的便捷程度；老年人和残障人士直接访问某省网上办事大厅无法享受某省无障碍公共服务平台提供的无障碍辅助工具帮助。

1.4      术语与缩写解释

WCAG2.0：Web内容无障碍指南2.0。

主厅：某省网上办事大厅主厅。

FAE 2.0：Functional Accessibility Evaluator 2.0，一种在线检测工具。

2        实施检查内容

检测条目	要求	等级	结果	Bug ID	备注
1.1.1. 非文本内容	Image 1：图片必须有替代文本；	A
	Image 2：替代文本应传递正确的图片内容与目的；
	Image 3：替代文本应不包含文件名称；
	Image 4：替代文本应不超过100个英文字符；
	Image 5：装饰性图片应能被辅助技术忽略；
	Image 6：复杂图像需有对应的长文本进行详细描述；
	Image 7：使用MathML（数学标记语言）表示数学公式。
1.2.1. 纯音频和纯视频（预录）	Audio 1：音频元素（audio）必须有标题或音频内容的文本转录；	A
	Audio 2：音频使用的对象元素（object）必须有标题或音频内容的文本转录；
	Audio 3：音频使用的嵌入元素（embed）必须有标题或音频内容的文本转录；
	Video 1：纯视频（预录）使用的视频元素（video）必须有视频内容的文本或音频描述；
	Video 2：纯视频（预录）使用的对象元素（object）必须有视频内容的文本或音频描述；
	Video 3：纯视频（预录）使用的嵌入元素（embed）必须有视频内容的文本或音频描述。
1.2.2. 字幕（预录）	Video 4：有同步音频内容的现场或预录视频的视频元素（video），必须有同步字幕；	A
	Video 5：有同步音频内容的现场或预录视频使用的对象元素（object），必须有同步字幕；
	Video 6：有同步音频内容的现场或预录视频使用的嵌入元素（embed），必须有同步字幕。
1.2.3. 音频描述或媒体替代（预录）	Video 7：有同步音频的预录视频的视频元素（video），必须有视频内容的音频描述；	A
	Video 8：有同步音频的预录视频使用的对象元素（object），必须有视频内容的音频描述；
	Video 9：有同步音频的预录视频使用的嵌入元素（embed），必须有视频内容的音频描述。
1.2.4. 字幕（直播）	同1.2.2。	AA
1.2.5. 音频描述（预录）	同1.2.3。	AA
1.3.1. 信息和关系	Heading 5：标题必须有合理嵌套；	A
	Heading 6：标题必须有可视化的文本内容；
	Heading 7：内容信息（contentinfo）、补充内容（complementary）、表单（form）、导航（navigation）或搜索栏（search）路标区块内的第一个标题需为h2元素；
	Heading 8：在路标区块内的标题必须合理嵌套；
	Landmark 2：所有内容区块必须被路标标识；
	Landmark 8：横幅（banner）必须是最高级别的路标；
	Landmark 9：横幅（banner）路标区块内只可包括导航（navigation）路标、区域（region）路标和搜索栏（search）路标；
	Landmark 10：导航（navigation）路标区块内只能包含区域（region）或搜索栏（search）路标；
	Landmark 11：主内容（main）必须是最高级别的路标；
	Landmark 12：内容信息（contentinfo）路标必须是最高级别的路标；
	Landmark 13：补充内容（complementary）必须是最高级别的路标；
	Landmark 14：搜索栏（search）路标区块内只能包含区域（region）路标；
	Landmark 15：表单（form）路标区块内只能包含区域（region）路标；
	Landmark 16：区域（region）路标必须有可访问的名称；
	Landmark 17：路标必需具有唯一的标识；
	Landmark 18：路标必须正确标示内容区域；
	List 1：列表必须使用对应的语义标记；
	Role 1：只有在特殊情况下才能改写主内容（main）路标中的主内容（main）元素的默认角色（role）；
	Role 2：主体（body）元素只能定义角色值为文档（document）（默认的）或应用（application）；
	Role 4：文章（article）元素只能定义角色值为区域（region）、文章（article）（默认的）、主内容（main）、文档（document）或应用（application）；
	Role 5：章节（section）元素只能定义角色值为警告（alert）、警告对话框（alertdialog）、应用（application）、内容信息（contentinfo）、对话框（dialog）、文档（document）、日志（log）、主内容（main）、跑马灯（marquee）、展示信息（presentation）、区域（region）、搜索栏（search）或状态栏（status）；
	Role 6：只有在特殊情况下才能改写导航（nav）的默认角色（role）；
	Role 7：侧边栏（aside）元素只能定义角色值为补充内容（complementary）（默认的）、注释（note）、区域（region）、搜索栏（search）或展示信息（presentation）；
	Role 8：只有在特殊情况下才可以改写横幅（banner）路标中的页头（header）元素的默认角色（role）；
	Role 9：只有在特殊情况下才可以改写内容信息（contentinfo）路标中的页脚（footer）元素的默认角色（role）；
	Role 10：只有在特殊情况下才能改写标题（heading）中的标题（h1-h6）元素的默认角色（role）；
	Table 1：数据表中的单元格必须有对应的表头；
	Table 3：数据表必须有内容描述；
	Table 4：一个页面中的数据表必须有唯一的名称；
	Table 5：表格需标识为数据表或布局表；
	Table 6：表头必须使用th元素；
	Table 7：复杂表格中的单元格，必须使用表头（headers）属性标记与其相关联的表头；
	Table 8：数据表的名称必须与数据表的描述不同。
1.3.2. 有含义的顺序	Layout 1：布局表必须有有意义的顺序；	A
	Layout 2：布局表不能相互嵌套；
	Order 1：通过CSS确定元素位置，使呈现内容具有有意义的阅读顺序。
1.3.3. 感官特性	Sensory 1：用于理解和操作的内容，应该不完全依赖于形状、大小、视觉位置、方向、或声音。	A
1.4.1. 颜色用途	Color 2：颜色不能是传递信息的唯一途径。	A
1.4.2. 音频控制	Audio 4：当页面加载时音频会自动播放超过3秒钟，提供一个机制用以暂停或停止音频	A
1.4.3. 对比度（最小）	Color 1：任意大小的文本内容必须有最少4.5:1的对比度，若为大文本或黑体字，则最少有3:1的对比度。	AA
1.4.4. 调整文本	Resize 1：当调整页面大小时，文本内容需自适应页面大小并保证所有内容均可见。	AA
1.4.5. 文本图像	无	AA
2.1.1. 键盘	Keyboard 1：组件元素必须响应键盘事件。	A
	Keyboard 2：所有可交互元素的功能必须通过键盘接口实现操作；
2.1.2. 无键盘陷阱	Keyboard 3：对象（object）和小程序（applet）元素不能限制键盘焦点离开。	A
2.2.1 定时可调	Timing 1：有时间限制的可交互或可浏览的内容需给用户提供一个方法来关闭、调整或延长时间限制。	A
2.2.2. 暂停、停止、隐藏	Timing 2：对于自动开始并持续五秒以上的运动、闪烁、滚动或自动更新的内容，需提供一种机制来暂停、停止或隐藏。	A
2.3.1. 闪光三次或低于阈值	HTML 2：替换跑马灯（marquee）元素；	A
	Timing 3：网页不包含任何闪光超过3次/秒的内容，除非闪光低于一般闪光和红色闪光阈值。
2.4.1. 绕过模块	Bypass 1：提供一个机制来跳过内容模块；	A
	Frame 1：框架（frame）元素需有可访问的名称；
	Frame 2：内框架（iframe）元素需有可访问的名称；
	Heading 1：页面必须最少有一个h1元素；
	Landmark 1：页面必须最少有一个主内容（main）路标。
	Landmark 3：页面必须最少有一个导航（navigation）路标；
	Landmark 4：网站的品牌内容需用横幅（banner）路标进行标识；
	Landmark 5：每个页面最多只能有一个横幅（banner）路标；
	Landmark 6：网站的管理信息需用内容信息（contentinfo）路标进行标识；
	Landmark 7：每个页面最多只能有一个内容信息（contentinfo）路标。
2.4.2. 网页标题	Title 1：标题（title）元素需标识网站和页面内容。	A
2.4.3. 聚焦顺序	Focus 1：焦点顺序必须有意义。	A
2.4.4. 链接目的（在上下文里）	Link 1：链接文本必须描述出链接目的；	A
	Link 2：不同的链接需有其唯一的链接文本。
2.4.5. 多种方法	Navigation 1：提供至少两种方法来定位网页。	AA
2.4.6. 标题和标签	Control 10：标签必须是唯一的；	AA
	Control 11：每个提交（submit）和重置（reset）按钮需有唯一的标签；
	Heading 2：h1元素必须在主内容（main）或横幅（banner）路标中；
	Heading 3：同级的标题元素需有唯一的可访问名称；
	List 2：在适当的时候提供一个标签用以描述列表内容或目的；
	Table 2：数据表必须有一个标识表格目的的可访问名称；
	Widget 12：组件角色元素标签需充分描述其目的；
2.4.7. 焦点可见	Focus 2：键盘焦点是可见的。	AA
3.1.1. 网页语言	Language 1：网页必须使用有效的IANA语言码。	A
3.1.2. 局部语言	Language 2：与页面主要语言不同的文本内容需使用有效的语言（lang）属性来标记。	AA
3.2.1. 焦点	Focus 3：目标焦点需在当前内容窗口中；	A
	Focus 4：选择（select）元素不会自动引起上下文变化。
3.2.2. 输入	Focus 5：使用输入（input）或其他表单操作按钮来提交表单。	A
3.2.3. 一致性导航	Navigation 2：网站所有页面有一致的路标顺序；	AA
	Navigation 3：网站所有页面中用于标记重复出现的页面章节的h1和h2元素通常有一致的顺序。
3.2.4. 一致性标识	Navigation 4：网站所有页面中的路标具有一致性标示；	AA
	Navigation 5：网站所有页面中用于标识重复出现的页面章节的h1和h2元素通常有一致的可访问名称。
3.3.1. 错误标识	Error 1：无效的表单控件必须向辅助技术提供其无效值信息。	A
3.3.2. 标签或说明	Control 1：表单控件必须有标签；	A
	Control 2：图像按钮必须有非空的alt或title属性；
	Control 3：一组单选按钮必须有一个分类标签；
	Control 4：按钮（button）元素必须有文本内容；
	Control 6：使用for属性的每个标签（label）元素应引用对应的表单控件；
	Control 7：每个标签（label）和图例（legend）元素必须包含文本内容；
	Control 8：每个域集（fieldset）元素有且只有一个图例（legend）元素；
	Control 9：判断title属性是否为合适的表单控件标签。
3.3.3. 错误建议	Error 2：使用require或aria-required属性标记必填的表单控件；	AA
	Error 3：使用aria-required属性标记必填的组件；
	Error 4：当输出错误可被自动发现并且修改建议已知，应向用户提供修改建议（部分例外）；
3.3.4. 错误预防（法律、金融、数据）	Error 5：当输入内容包括法律承诺或金融交易时，必须在最终提交前向用户提供后退、检查和确认数据的机制。	AA
4.1.1. 解析	Control 5：页面中所有id属性必须是唯一的	A
	HTML 1：应替换页面中的b和i元素。
4.1.2. 名称，角色，值	Role 3：ol和ul元素的角色值应为成组项目角色，例如：目录（directory）、列表框（listbox）、菜单（menu）、菜单栏（menubar）、展示信息（presentation）、选项卡列表（tablist）、工具栏（toolbar）或树视图（tree）；	A
	Role 11：li元素的角色值应为成组项目角色，如：列表项（listitem）（默认的）、菜单项（menuitem）、复选菜单项（menuitemcheckbox）、单选菜单项（menuitemradio）、对象（option）、选项卡（tab）、树视图项目（treeitem）或展示信息（presentation）；
	Role 12：a[href]元素的角色值可以为链接（link）（默认的）、按钮（button）、复选框（checkbox）、菜单项（menuitem）、复选菜单项（menuitemcheckbox）、单选菜单项（menuitemradio）、对象（option）、选项卡（tab）、开关（switch）或树视图项目（treeitem）；
	Widget 1：组件必须有标签；
	Widget 2：响应点击（onClick）事件的元素必；须有组件角色和键盘焦点，或是一个链接或按钮；
	Widget 3：角色（role）属性值必须是有效的；
	Widget 4：ARIA属性和状态值必须是有效的；
	Widget 5：使用已有的ARIA属性和状态；
	Widget 6：组件应标识出所需的属性和状态；
	Widget 7：组件应有所需的子角色；
	Widget 8：组件应有所需的父角色；
	Widget 9：组件应只有一个父组件；
	Widget 10：范围组件必须在最小值和最大值之间有对应的值；
	Widget 11：响应键盘、鼠标或拖拽事件的元素必须有组件角色或可交互的元素。

 

3        无障碍检测工具

以下检测工具都是W3C官网推荐无障碍检测工具

（https://www.w3.org/WAI/ER/tools/?q=wcag-20-w3c-web-content-accessibility-guidelines-20），我们选其中两款都是基于wcag2.0检测工具：一款用于承建商在进行无障碍实施改造的时候进行在线单一页面检测并可视化显示页面哪些不符合要求或者警告的地方，方便改造；另一款用于无障碍实施完成后全站无障碍检测。

3.1      FAE 2.0

3.1.1 工具简介

工具全称Functional Accessibility Evaluator 2.0，一种在线检测工具(http://fae20.cita.illinois.edu/)。

主要从页面标志（Landmarks），页面标题（Headings），样式文件（Styling/Content），图片（Images），链接（Links）等网页常见结构进行检测。

此工具是W3C官网推荐的一种在线检测主厅可访问性评估工具（https://www.w3.org/WAI/ER/tools/?q=wcag-20-w3c-web-content-accessibility-guidelines-20），帮助确定网页内容是否符合可访问性指南，评估主厅是否符合WCAG 2.0 A级和AA的要求，提供对评估结果的总结和详细报告。

3.1.2 使用方法

。。。

1.1      Firefox Accessibility Extension

3.2.1

Firefox Accessibility Extension是FAE工具的火狐浏览器的检测插件。主要从页面标志（Landmarks），页面标题（Headings），样式文件（Styling/Content），图片（Images），链接（Links）等网页常见结构进行检测。检测页面是否符合WCAG2.0相关标准，把页面的符合情况，形成统计图表，形象直观并可精确到页面前台代码行，直接集成到火狐浏览器，使用方便、快捷，改造方可以使用此工具快速查找、定位问题，查看改造结果。

3.2.2 使用方法

第一步：安装火狐浏览器。

 。。。

4        测试用例示例

4.1      可感知性测试

4.1.1        非文本处理测试

检测编号：1

测试项目：非文本验证码替代形式测试（等级1测试）

测试目的：检验网页中是否为非文本验证码提供了替代形式

测试依据：YD/T 1761-2012 《信息无障碍网站设计无障碍评级测试方法》第4.2.1节

测试过程：

测试过程： 对网页内容进行如下检验： 1)检验网页内容中是否存在非文本验证码； 2)如果网页中存在非文本验证码，则检验其是否具有适合多种残疾人使用的不同的操作形式

预期结果：

1)网页中不存在非文本验证码； 2)如果网页中存在非文本验证码，则其同时具有适合多种残疾人使用的不同的操

测试说明：

判定原则：测试结果符合预期结果则通过，否则不通过

太阳湾 - 信息无障碍公共服务平台 http://wza.rrbay.com