网站网页信息无障碍测试标准说明剖析.docx

《网站网页信息无障碍测试标准说明剖析.docx》由会员分享，可在线阅读，更多相关《网站网页信息无障碍测试标准说明剖析.docx（17页珍藏版）》请在冰豆网上搜索。

网站网页信息无障碍测试标准说明剖析

网站网页信息无障碍测试标准说明

根据《YDT1761-2008信息无障碍身体机能差异人群网站设计无障碍技术要求》和《YDT1822-2008信息无障碍身体机能差异人群网站设计无障碍评级测试方法》，参考WCAG2.0标准和规范的内容，网站网页信息无障碍测试标准主要基于以下要求：

1、对于听觉及视觉的内容要提供相等的替代文字内容要求

1.1）图片需要加上替代文字说明

示例：

1.2）对于applet提供替代文字说明

示例：

1.3）对于object提供替代文字说明

示例：

1.4）对于窗体中的图形按键提供替代文字说明

1.5）影像地图区域需要加上替代文字说明

示例：

1.6）当影像地图使用为上传按钮时，每一作用区域必须使用不同的按钮

示例：

1.7）当alt属性的文字陈述多于150个英文字符是时，考虑另外提供文字叙述

1.8）提供longdesc以外的描述性超链接（如D超链接），来描述longdesc的内容

示例：

1.9）图形替代文字陈述不够清晰时，提供更多的文字描述（如使用longdesc属性）

1.10）所有语言档案必须有文字旁白

示例：

线上音乐试听语音名称

语音内容

1.11）以可及性的影像来替代ASCII文字艺术

示例：

今天的天气很好

1.12）视讯中的声音必须提供同步文字型态的旁白

1.13）服务器端影像地图中的超链接必须在网页中有额外对应的文字超链接

示例：

名称1

名称2

1.14）多媒体视觉影像呈现时，必须提供听觉说明

1.15）多媒体呈现时，必须要同步产生相对应替代的语音或文字说明

1.16）客户端影像地图中的超链接必须在网页中有额外对应的可及性超链接

2、对色素的要求

2.1）确保所有由颜色所传达出来的讯息，在没有颜色后仍然能够传达出来

2.2）确保前景颜色和背景颜色彼此呈现明显的对比

3、适当地使用标记语言和样式表单

2.

3.

3.1）以实际存在的标记语言（如MathML）呈现网页内容（如数学方程式），避免使用图形影像呈现

3.2）确定网页设计文件，有效使用正规的HTML语法

3.3）在doctype标签中，使用标准规范的叙述以识别HTML版本类型

3.4）尽可能使用样式表单控制网页排版与内容的呈现

示例：

历年成绩排名

此份成绩为班上历年成绩排名[前50%]〈/span〉的排名名单，敬请班代公布〈/p〉

3.5）要使用相对尺寸（如%）而非绝对尺寸（如像素）

示例：

3.6）适当使用巢状标题呈现文件结构

3.7）避免使用header标签来产生粗体字效果

示例：

第一层标题

第二层标题

第三层标题

第四层标题

第五层标题

第六层标题

3.8）项目符号及编号之卷标（如li、ul）仅可使用与实际网页内容的项目条列，不可用于编辑格式

示例：

教育的七大学习领域：

1. 语文〈/li〉

2. 社会

   〈oltype="a">

3. 学科领域一
4. 学科领域二

〈/ol〉

5. 教学
6. 自然与生活科技
7. 学术与人文〈/li〉

8. 健康与体育〈/li〉

〈li〉综合活动〈/li〉

3.9）确保q和blockquote标签只用来当引用语而不是用来缩排

3.10）以q及blockquote卷标来标记引用语

4、阐明自然语言的使用

2.

3.

4.

4.1）明确地指出网页内容中语言的转换

示例：

lang="fr（法文的语言代码）"C'estlaVie

4.2）用abbr及avronym标签表示网页中呈现的文字缩写与简称

示例：

测试SARS测试Hi=Tech测试

4.3）明确指出网页文字所使用的自然语言

示例：

//www.w3.org/1999/xhtmllang=”ZH”xml:

lang=”ZH”>

//www.w3.org/1999/xhtmlxml:

lang=”ZH”>

5、建立编排良好的表格

2.

3.

4.

5.

5.1）对于每一个存放数据的表格（不用来排版），标示出行和列的标题

示例：

学生成绩表

学生姓名

语文成绩

英文成绩

数学成绩

陈丫葆

70

80

90

郭

90

80

70

5.2）表格中超过二行/列以上的标题，须以结构化的标记确认彼此间的结构关系

5.3）在网页内容呈现设计时，避免以表格做多栏文字的设计

5.4）若表格只做为版面配置时，勿使用表格之结构标记（如th卷标）作为网页格式视觉效果

5.5）表格须提供表格摘要说明（如summary属性）

示例：

测试

（测试）

5.6）数据表格须提供标题说明

5.7）表格行列过长的标题，须提供缩写或简称

示例：

测试

测试

6、确保网页能在新科技下良好地呈现

2.

3.

4.

5.

6.

6.1）使用CSS样式表单编排的文件需确保在除去样式表单后仍然能够阅读

示例：

中文歌曲排行

完美一天

暧昧

信

英文排行

GodDigger

RunIt!

Photograph