网站网页信息无障碍测试标准说明Word格式文档下载.docx
《网站网页信息无障碍测试标准说明Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《网站网页信息无障碍测试标准说明Word格式文档下载.docx(17页珍藏版)》请在冰豆网上搜索。
type="
image"
src="
bottonl.gif"
Clear"
botton2.gif"
1.7)当alt属性的文字陈述多于150个英文字符是时,考虑另外提供文字叙述
1.8)提供longdesc以外的描述性超链接(如D超链接),来描述longdesc的内容
imgsrc="
.jpg"
longdesc="
.html"
1.9)图形替代文字陈述不够清晰时,提供更多的文字描述(如使用longdesc属性)
1.10)所有语言档案必须有文字旁白
线上音乐试听<
ahref=”音乐档名”>
语音名称<
/a>
ahref=”附件文字说明.html”>
语音内容<
1.11)以可及性的影像来替代ASCII文字艺术
今天的天气很好<
imgsrc=”smile.gif”alt=”微笑的表情图片”>
1.12)视讯中的声音必须提供同步文字型态的旁白
1.13)服务器端影像地图中的超链接必须在网页中有额外对应的文字超链接
ahref=”服务器端影像地图.map”>
imgsrc=”档案名称”alt=”叙述文字”ismap=”#Map1”>
ahref=”链接地址1”target=”_blank”>
名称1<
ahref=”链接地址2”target=”_blank”>
名称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)尽可能使用样式表单控制网页排版与内容的呈现
h3class="
titile"
历年成绩排名<
/h3>
pclass="
txt"
此份成绩为班上历年成绩排名<
spanclass="
redtxt"
[前50%]〈/span〉的排名名单,敬请班代公布〈/p〉
3.5)要使用相对尺寸(如%)而非绝对尺寸(如像素)
tablewidth="
80%"
border="
0"
3.6)适当使用巢状标题呈现文件结构
3.7)避免使用header标签来产生粗体字效果
h1>
第一层标题<
/h1>
h2>
第二层标题<
/h2>
h3>
第三层标题<
h4>
第四层标题<
/h4>
h5>
第五层标题<
/h5>
h6>
第六层标题<
/h6>
3.8)项目符号及编号之卷标(如li、ul)仅可使用与实际网页内容的项目条列,不可用于编辑格式
教育的七大学习领域:
ol>
<
li>
语文〈/li〉
社会
〈oltype="
a"
学科领域一<
/li>
学科领域二<
〈/ol〉
教学<
自然与生活科技<
学术与人文〈/li〉
健康与体育〈/li〉
/ol>
〈li〉综合活动〈/li〉
3.9)确保q和blockquote标签只用来当引用语而不是用来缩排
3.10)以q及blockquote卷标来标记引用语
4、阐明自然语言的使用
4.
4.1)明确地指出网页内容中语言的转换
p>
span>
lang="
fr(法文的语言代码)"
C'
estlaVie<
/span>
/p>
4.2)用abbr及avronym标签表示网页中呈现的文字缩写与简称
测试<
abbrtitle=”测试”>
SARS<
/abbr>
acromyatitle=”测试”>
Hi=Tech<
/acromym>
4.3)明确指出网页文字所使用的自然语言
htmllang=”ZH”>
htmlxmlns=http:
//www.w3.org/1999/xhtmllang=”ZH”xml:
lang=”ZH”>
//www.w3.org/1999/xhtmlxml:
blockquotelang=”EN”>
5、建立编排良好的表格
5.
5.1)对于每一个存放数据的表格(不用来排版),标示出行和列的标题
tableborder="
1"
summanry="
学生成绩表,第一列学生姓名,第二列语文成绩"
..>
caption>
学生成绩表<
/caption>
tr>
thscope="
col"
学生姓名<
/th>
语文成绩<
英文成绩<
数学成绩<
/tr>
td>
陈丫葆<
/td>
70<
80<
90<
郭<
/table>
5.2)表格中超过二行/列以上的标题,须以结构化的标记确认彼此间的结构关系
5.3)在网页内容呈现设计时,避免以表格做多栏文字的设计
5.4)若表格只做为版面配置时,勿使用表格之结构标记(如th卷标)作为网页格式视觉效果
5.5)表格须提供表格摘要说明(如summary属性)
tableborder=”1”summary=”测试”>
(测试)
5.6)数据表格须提供标题说明
5.7)表格行列过长的标题,须提供缩写或简称
thabbr=”测试”>
6、确保网页能在新科技下良好地呈现
6.
6.1)使用CSS样式表单编排的文件需确保在除去样式表单后仍然能够阅读
body>
divclass="
box"
dtclass="
menu1"
中文歌曲排行<
/dt>
ddclass="
item1"
完美一天<
/dd>
item2"
暧昧<
item3"
信<
menu2"
英文排行<
item4"
GodDigger<
item5"
RunIt!
item6"
Photograph<
/div>
/body>
6.2)页框连接必须是HTML文档
6.3)使用Script语音需指定不支持Script时的办法
scriptlanguage="
VBScript"
subGameOnClick
MegBox"
啊啊啊啊"
endsub
/script>
noscript>
描述性文字<
/noscript>
6.4)若网页内的程序对象没有作用时,确保网页内容仍然可以传达
appletcode="
ticker"
你好"
height="
40"
/applet>
6.5)若网页对象使用事件驱动时,确保勿仅使用鼠标操作
6.6)使用页框时要指定不支持页框时的方法
framesetcols="
50%,50%"
framesrc="
a.html"
title="
网页标题1"
/frameset>
noframes>
网页标题1(a.html内容)<
网页标题2(b.html内容)<
/noframes>
7、确保使用者能处理时间敏感内容的改变
7.
7.1)确保网页设计不会致使屏幕快速闪烁
7.2)避免使用blink卷标闪烁屏幕
7.3)避免使用marquee卷标移动文字
7.4)避免使用动态gif图片
7.5)不要让网页每隔一段时间自动更新
head>
metahttp-equiv="
refresh"
content=间隔秒数;
url=新网址.html"
/head>
网站网址已经变更,请连结至<
ahref="
新网址"
新网站<
7.6)不要自动转移网页的网址
8、确保嵌入式用户接口具有直接可及性
8.
8.1)对由Script、Applets、及Objects所产生之信息,提供可及性替代方式
!
--msgbox"
script内容"
-->
script内容<
9、设计装置独立网页
9.
9.1)尽量使用客户端影像地图替代服务端影像地图链接
9.2)对所有网页内容元素,确保有鼠标以外的接口操作
imgonmouseover="
alert('
对话内容'
)"
onfocus="
tabindex="
移动顺序"
alt=””>
9.3)确保事件的启发不要求一定得使用鼠标
9.4)具体指出按下tab键在表单控件,超链接及对象间移动的顺序
div>
textareaname="
field2"
2"
cols="
rows="
文本框二<
/textarea>
field3"
3"
文本框三<
field1"
4"
文本框一<
#top"
回到首页<
9.5)对经常使用的超链接,增加快捷键的操作
atitle=”asd”accesskey="
C"
首页.html"
回首页<
9.6)对于窗体组件考虑提供键盘快捷方式的操作
labelfor="
user"
accesskey="
U"
使用者名称(U):
/label>
inputtype="
text"
value="
输入你的姓名"
/>
10、使用过渡的解决方案
10.
10.1)除非使用者知道将会开启一个新窗口,不要随便开启一个新窗口
10.2)如果使用Script语言开启新窗口或改变目前窗口的网址,要让使用者能事先知道
10.3)确保窗体的控件与控件说明之间的配合很适当
formaction="
customer"
method="
post"
名称"
说明文字<
填入文字"
/form>
10.4)若有以表格直栏格式呈现的网页文字内容时,提供线性文字替代
ahtef=”weather.html”>
10.5)在网页文字输入区中须有默认值
10.6)勿单以空白间隔分开相连之超链接
[<
ahref=.tw/>
]
11、使用国际与国内官方订定的技术和规范
11.
11.1)如果你不能使这个网页无障碍化,提供一个相等的无障碍网页
11.2)尽量使用开放性的最新国际标准规范
11.3)避免使用过时的HTML语法
11.4)允许使用者依照个人喜好设定网页呈现方式与内容
12、提供内容引导信息
12.
12.1)需要定义每个页框的名称
framesetrows="
100,*"
navigate.html"
title="
功能"
content.html"
只要内容"
12.2)如果页框名称无法描述页框中的内容的话,应加上额外叙述
150,*"
frameborder="
yes"
border="
framespacing="
网站视觉功能列"
补充说明2.tex"
12.3)把太长的选单项目群组起来
12.4)在表单控件中,使用filedset及legend标签群组间的区隔
12.5)尽可能将网页内容有相关之元素聚集在一起
Li>
三星<
摩托罗拉<
夏普<
12.6)在表单控件上,以label卷标提示信息
13、提供清楚的浏览网站机制
13.
13.1)设计并确保有意义的超链接说明,便于网页内容的阅读
101.zip"
下载<
ex.html"
规范<
13.2)如果需要的话,为每个超链接加上内容描述
13.3)指向不同网址的超链接,不可使用相同的超链接说明
13.4)使用metadata卷标来记载计算机可以了解运用的网页信息
comtent-type"
content="
text/html;
charset=big5"
meta标准的使用规范;
metaname="
authorcontent="
林信宏;
copyrightcontent="
;
13.5)为你的网页加上标题
title>
无障碍页面<
/title>
13.6)为你的网站提供网站地图或整体性的简介
13.7)网页设计使用清楚且一致的导览机制
13.8)提供网页导览连接工具栏,以利存取网站导览结构
13.9)能辨别出意义上有群组相关的超链接
13.10)若有群组超链接,在群组之前增设一项绕过此区域的超链接
divid=”navigation”>
[<
ahref=”#content”id=”link”>
测试<
13.11)若网站具有搜索功能,可以设计不同的网页内容搜索方式,以提供不同技能与喜好者搜寻选用
13.12)在页标题、段落、及列表之前,提供辨别讯息以利识别
hl>
/hl>
ul>
13.13)以metadata标签来识别网页文件包含于整体文件内的所在位置
head
linkrel=”Next”href=”chapter3.html”>
linkrel=”home”title=”首页”href=http:
//网址首页/>
13.14)避免在网页上使用ASCII文字艺术
14、确保简单清楚的网页内容
14.
14.1)网页内容要使用简单易懂的文字
14.2)使用可及性的图形促进网页内容的理解
14.3)网页彼此间设计呈现的风格要一致