51Testing软件测试论坛
标题:
Web Accessibility网页无障碍介绍
[打印本页]
作者:
janstony
时间:
2010-5-26 13:18
标题:
Web Accessibility网页无障碍介绍
什么是
Web Accessibility
Web Accessibility
意味着残障人士可以使用
Web
。更确切的说,
Web accessibility
意味着残障人士可以感知,理解,浏览,和
Web
互动,他们也可以为
Web
做出贡献。
Web Accessibility
也为其他人士比如由于衰老手脚不灵活的老年人带来好处。
Web accessibility
涵盖所有影响
Web
访问的残疾,包括视觉,听觉,肉体,说话,认知和神经上的残疾。
上百万的人由于残疾而影响了他们使用
Web
。现在大多数网站和
Web
软件都有访问障碍,从而使很多残障人士很难使用
Web
。随着越来越多的网站和软件变得可达,是残障人士也可以更有效的使用以及贡献到
Web
世界。
Web accessibility
也使没有残障的人们获得了益处。例如,
Web accessibility
的关键原则之一是网站设计和软件灵活的满足不同用户需求,参数选择和情况。这个灵活性也使没有残障的人们在一些特定情况下受益。例如,当人们使用很慢的网络时,就像是一个断了手臂的人或是老年人一样暂时残疾。
为什么
Web Accessibility
这么重要
Web
是一个在生活的许多方面日益重要的资
源:教育,就业,政府,商业,保健,娱乐
等
。所以为了为残障人士提供平等的访问和机会,
Web的可达性非常重要。一个可访问的Web也帮助残障人士更有效地参与社会。
Web为许多残障人士提供了前所未有的信息互动访问的可能性。也就是说,通过Web技术,显示,声音和可使媒体的访问屏障可以更容易的被克服。
另外,
Web Accessibility有时也是被法律和政治所要求的。
使
Web
可访问
使
Web
可访问可以是简单,也可以很复杂,取决于许多因素,例如内容,大小,
Web
的复杂程度以及开发的工具和环境。
如果在开始开发或者重新设计
Web
的时候做出计划,许多
Accessibility
的功能可以很容易实现。解决网站的不可达,可能需要重大的努力,尤其是在网站原本没有用标准的
XHTML
开发,以及包含了各种类型的内容如多媒体的情况下。
评估一个网站的可达性
当开发和重新设计一个网站,早点在开发过程中评估,并且在整个开发过程中评估可达性可以更早,更容易发现可达性的问题,也更容易解决。简单的技术例如改变浏览器的设置可以决定一个网页是否符合一些
Accessibility
的标准。一个可以决定一个网站是否符合所有
Accessibility
标准的复杂评估就复杂多了。
有一些评估工具可以帮助评估。然而,没有一个单独的工具可以决定一个网站是否符合
Accessibility
标准。有见识的人工评估是决定一个网站是否可达所必需的。
无障碍的网络基本元件
几个
Web
开发的组件互动工作来使残障人士访问网页是非常重要的。这些组件包括:
·
内容
(content)
–
网页或
Web
应用程序的信息,包括:
o
自然信息,如文字,图片,声音等
o
代码或者定义结构,显示的标志
·
Web
浏览器
(browser)
,媒体播放器
(media player)
,或其他的代理
·
辅助技术
(assistive technologies)
,
读屏器
(Screen reader)
,替代键盘,电键
(Switch)
,扫描软件等
·
用户
(user)
的知识,经验,使用
Web
的适应对策
·
开发人员
(developer)
–
设计师,开发者,作者等,包括有残障的开发者和贡献内容的用户
·
创作工具
(Authoring tool)
-
创建网站的软件
·
评估工具
(evaluation tool)
– Web Accessibility
评估工具,
HTML Validator, CSS Validator
等
组件之间的互相依赖
组件之间有重大的依赖,也就是说,组件必须为了使网页可达而共同工作。例如,对于图片上的
Alt
文字:
·
技术规格
制作替
代文本(例如,
HTML
定义的替代文字属性(
ALT
的图像元素(
IMG
)
·
WAI
指南
-WCAG
,
ATAG
和
UAAG
,下面描述
-
定义如何实现无障碍的不同组成部分的替代文字
·
开发人员
提供适当的替代文字措词
·
创作工具
,促进和推动在网页中提
供的替代文字
·
评估工具
是用来帮助检查替代文字是否存在
·
用户代理
提供人力和人机界面的替代文字
·
辅助技术
提供人机界面,多
种方式的替代文字
·
用户
知道如何从他们的用户代理或根据辅助技
术
取得
替代文字
不同组件的指南
残障人士如何使用
Web
场景:
·
色盲在线购物
:
李先生想买一些新的衣服,器具和音乐。像他平常一样,他花一个晚上在线
Shopping
。他有一个普遍的视觉障碍:红绿色盲。
他很难阅读许多网站上的文字。当他开始使用
Web
的时候,就发现似乎许多网站上的文字和图片使用很糟糕的颜色对比,因为他们似乎采用类似的棕色色调。他意识到是因为他的红绿色盲,所以颜色无法区分。在许多情况下,网站使用红色来提示折扣,但所有的颜色他看起来都像棕色。在另外一些情况,必填框用红色来提示,但是他看不出来哪个是红色。
李先生发现他偏爱使用充分颜色对比以及为颜色使用冗余信息
的
网站。这些网站使用文字而不是颜色来提示。另一个经验是,李先生发现许多更新的站点使用样式表来控制颜色,他可以把浏览器的样式表关掉,使用自己的样式表来覆盖。但是有一些网站不能覆盖那些颜色。
·
重复性压力损伤的记者
Mr. Jones
是一个为在线杂志提交
HTML
文章的记者。在他
20
年的职业生涯中,他的手部和手臂得了重复性压力损伤(
RSI
),使他打字很疼痛。它使用语音识别和替代键盘来准备文章,但他不能使用鼠标。然而,某些使用音频流的网站无法使用语音识别,因为声卡冲突。
他不可以和他的同事使用同样的
Web
创作软件,因为这套软件没有键盘替代操作,必须使用鼠标驱动。他不得不使用鼠标,而无法使用替代键盘和语音识别,这使他的手部再受损伤。它使用一套更新的,支持全键盘操作的软件,可以是双手更轻松。
当他浏览网站的时候,很喜欢某些网页实现的
access key
的功能。使他可以使用快捷方式直接到达他要的链接
·
聋人在线学生
Ms. Martinez
在上几个物理学的远程教学课程。她是聋人。她在课程上有一些问题,直到大学升级了在线多媒体课件,使用了大量的音频讲座。该大学使用演讲抄写,并通过他们的
Web
提供声音版本。对于多媒体作品的介绍,使用了一个
SMIL
的多媒体同步的音频格式同步音频字幕的和视频的解释。学校信息管理人员很快发现这些资源一旦用文字作为字幕,可以很容易索引复杂的音频资源。
该课程的教授还设立了聊天网站,让同学交流有关课程的想法。虽然她是一个聋人学生,但没有一个其他的学生知道手语。她很快发现,基于
Web
的聊天格式,以及提供基于
Web
的文字评论,保证了她能
跟上班级的进步
。
·
盲人会计
Ms. Laitinen
是一个盲人会计,她使用
screen reader
来翻译屏幕显示,产生语音输出和盲文输出。她使用语音输出,结合页面上的导航链接切换,快速的文件扫描。她使用盲文输出来检查文本的确切措辞,因为盲文让她更精确地阅读网页。
网页的许多信息在
Table
内,使盲人很难阅读。然而,因为
Tables
用
column header
和
row header
清楚地标志,所以她很容易在表格中找到信息。
Screen reader
在读到任何图片时,会读取替代性文字。因为会计代码有许多缩略词,
Web
使用
ABBR
和
ACRONYM
在第一次访问的时候可以更好的理解这些缩略词的意思。
·
读写障碍的学生
Ms. Olsen,
中学生,非常喜欢文学课。她有读写障碍和注意力缺乏症。导致她阅读非常困难。她的学校最近采用在线课程来补充教科书。她尝试了文本到语音软件,是她阅读轻松了。
她发现采用了图片的网页使她易于阅读,而采用动画的网页则很难阅读,她会关掉动画和滚动的文字。网页的不同搜索策略也使她更容易阅读了。
作者:
houzeal
时间:
2010-5-31 14:34
了解一下,谢谢楼主~~
欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)
Powered by Discuz! X3.2