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

1、网站网页信息无障碍测试标准说明根据YDT 1761-2008 信息无障碍 身体机能差异人群 网站设计无障碍技术要求和YDT 1822-2008 信息无障碍 身体机能差异人群 网站设计无障碍评级测试方法，参考WCAG2.0标准和规范的内容，网站网页信息无障碍测试标准主要基于以下要求：1、 对于听觉及视觉的内容要提供相等的替代文字内容要求1.1） 图片需要加上替代文字说明示例：1.2） 对于applet提供替代文字说明示例：1.3） 对于object提供替代文字说明示例：一段简短的说明文字1.4） 对于窗体中的图形按键提供替代文字说明1.5） 影像地图区域需要加上替代文字说明示例：1.6） 当影像

2、地图使用为上传按钮时，每一作用区域必须使用不同的按钮示例：1.7） 当alt属性的文字陈述多于150个英文字符是时，考虑另外提供文字叙述1.8） 提供longdesc以外的描述性超链接（如D超链接），来描述longdesc的内容示例：1.9） 图形替代文字陈述不够清晰时，提供更多的文字描述（如使用longdesc属性）1.10） 所有语言档案必须有文字旁白示例：线上音乐试听语音名称语音内容1.11） 以可及性的影像来替代ASCII文字艺术示例：今天的天气很好1.12） 视讯中的声音必须提供同步文字型态的旁白1.13） 服务器端影像地图中的超链接必须在网页中有额外对应的文字超链接示例：名称1名称

3、21.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、4） 尽可能使用样式表单控制网页排版与内容的呈现示例：历年成绩排名此份成绩为班上历年成绩排名前50%/span的排名名单，敬请班代公布/p3.5） 要使用相对尺寸（如%）而非绝对尺寸（如像素）示例：3.6） 适当使用巢状标题呈现文件结构3.7） 避免使用header标签来产生粗体字效果示例：第一层标题第二层标题第三层标题第四层标题第五层标题第六层标题3.8） 项目符号及编号之卷标（如li、ul）仅可使用与实际网页内容的项目条列，不可用于编辑格式示例：教育的七大学习领域： 语文/li 社会 ol type=a 学科领域一 学科领域二 /ol 教学 自然与生活科技 学术与人文/li 健康与体育/l

5、i li综合活动/li3.9） 确保q和blockquote标签只用来当引用语而不是用来缩排3.10） 以q及blockquote卷标来标记引用语4、 阐明自然语言的使用2.3.4.4.1） 明确地指出网页内容中语言的转换示例： lang=fr(法文的语言代码) Cest la Vie 4.2） 用abbr及avronym标签表示网页中呈现的文字缩写与简称示例：测试SARS测试Hi=Tech测试4.3） 明确指出网页文字所使用的自然语言示例：5、 建立编排良好的表格2.3.4.5.5.1） 对于每一个存放数据的表格（不用来排版），标示出行和列的标题示例：学生成绩表 学生姓名 语文成绩 英文成绩

6、 数学成绩 陈丫葆 70 80 90 郭 90 80 705.2） 表格中超过二行/列以上的标题，须以结构化的标记确认彼此间的结构关系5.3） 在网页内容呈现设计时，避免以表格做多栏文字的设计5.4） 若表格只做为版面配置时，勿使用表格之结构标记（如th卷标）作为网页格式视觉效果5.5） 表格须提供表格摘要说明（如summary属性）示例：测试(测试)5.6） 数据表格须提供标题说明5.7） 表格行列过长的标题，须提供缩写或简称示例：测试测试6、 确保网页能在新科技下良好地呈现2.3.4.5.6.6.1） 使用CSS样式表单编排的文件需确保在除去样式表单后仍然能够阅读示例： 中文歌曲排行 完美

7、一天 暧昧 信 英文排行 God Digger Run It! Photograph6.2） 页框连接必须是HTML文档6.3） 使用Script语音需指定不支持Script时的办法示例：sub Game OnClickMegBox 啊啊啊啊end sub 描述性文字6.4） 若网页内的程序对象没有作用时，确保网页内容仍然可以传达示例：6.5） 若网页对象使用事件驱动时，确保勿仅使用鼠标操作6.6） 使用页框时要指定不支持页框时的方法示例：网页标题1（a.html内容）网页标题2（b.html内容）7、 确保使用者能处理时间敏感内容的改变2.3.4.5.6.7.7.1） 确保网页设计不会致使屏

8、幕快速闪烁7.2） 避免使用blink卷标闪烁屏幕7.3） 避免使用marquee卷标移动文字7.4） 避免使用动态gif图片7.5） 不要让网页每隔一段时间自动更新示例：网站网址已经变更，请连结至新网站7.6） 不要自动转移网页的网址8、 确保嵌入式用户接口具有直接可及性2.3.4.5.6.7.8.8.1） 对由Script、Applets、及Objects所产生之信息，提供可及性替代方式示例：script内容9、 设计装置独立网页2.3.4.5.6.7.8.9.9.1） 尽量使用客户端影像地图替代服务端影像地图链接9.2） 对所有网页内容元素，确保有鼠标以外的接口操作示例：9.3） 确保事

9、件的启发不要求一定得使用鼠标9.4） 具体指出按下tab键在表单控件，超链接及对象间移动的顺序示例： 文本框二 文本框三 文本框一 回到首页 9.5） 对经常使用的超链接，增加快捷键的操作示例：回首页9.6） 对于窗体组件考虑提供键盘快捷方式的操作示例： 使用者名称（U）： 10、 使用过渡的解决方案2.3.4.5.6.7.8.9.10.10.1） 除非使用者知道将会开启一个新窗口，不要随便开启一个新窗口10.2） 如果使用Script语言开启新窗口或改变目前窗口的网址，要让使用者能事先知道10.3） 确保窗体的控件与控件说明之间的配合很适当示例：说明文字10.4） 若有以表格直栏格式呈现的网

10、页文字内容时，提供线性文字替代示例：测试10.5） 在网页文字输入区中须有默认值10.6） 勿单以空白间隔分开相连之超链接示例：测试11、 使用国际与国内官方订定的技术和规范2.3.4.5.6.7.8.9.10.11.11.1） 如果你不能使这个网页无障碍化，提供一个相等的无障碍网页11.2） 尽量使用开放性的最新国际标准规范11.3） 避免使用过时的HTML语法11.4） 允许使用者依照个人喜好设定网页呈现方式与内容12、 提供内容引导信息2.3.4.5.6.7.8.9.10.11.12.12.1） 需要定义每个页框的名称示例： 12.2） 如果页框名称无法描述页框中的内容的话，应加上额外叙

11、述示例：12.3） 把太长的选单项目群组起来12.4） 在表单控件中，使用filedset及legend标签群组间的区隔12.5） 尽可能将网页内容有相关之元素聚集在一起示例：三星摩托罗拉夏普12.6） 在表单控件上，以label卷标提示信息 13、 提供清楚的浏览网站机制2.3.4.5.6.7.8.9.10.11.12.13.13.1） 设计并确保有意义的超链接说明，便于网页内容的阅读示例：下载规范13.2） 如果需要的话，为每个超链接加上内容描述13.3） 指向不同网址的超链接，不可使用相同的超链接说明13.4） 使用metadata卷标来记载计算机可以了解运用的网页信息示例：13.5） 为你的网页加上标题示例：无障碍页面13.6） 为你的网站提供网站地图或整体性的简介13.7） 网页设计使用清楚且一致的导览机制13.8） 提供网页导览连接工具栏，以利存取网站导览结构13.9） 能辨别出意义上有群组相关的超链接13.10） 若有群组超链接，在群组之前增设一项绕过此区域的超链接示例： 测试 13.11） 若网站具有搜索功能，可以设计不同的网页内容搜索方式，以提供不同技能与喜好者搜寻选用13.12） 在页标题、段落、及列表之前，提供辨别讯息以利识别示