Web Accessibility网页无障碍介绍_html/css_WEB-ITnose

WAI 官方网址:http://www.w3.org/WAI/intro/accessibility.php

什么是 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 ,下面描述 - 定义如何实现无障碍的不同组成部分的替代文字

· 开发人员 提供适当的替代文字措词

· 创作工具 ,促进和推动在网页中提 供的替代文字

· 评估工具 是用来帮助检查替代文字是否存在

· 用户代理 提供人力和人机界面的替代文字

· 辅助技术 提供人机界面,多 种方式的替代文字

· 用户 知道如何从他们的用户代理或根据辅助技 术取得 替代文字

不同组件的指南

World Wide Web Consortium ( W3C) Web Accessibility Initiative ( WAI) 为不同的组件层次开发了 Web accessibility 指南

  • Authoring Tool Accessibility Guidelines ( ATAG ) 创作工具
  • Web Content Accessibility Guidelines ( WCAG ) Web 内容,用于开发人员, 创作工具,评估工具
  • User Agent Accessibility Guidelines ( UAAG ) Web 浏览器,媒体播放器,包括一些辅助技术

WAI 指南基于Web 的基本的技术规格,配合 W3C technical specifications( HTML, XML, CSS, SVG, SMIL, etc.) 工作

残障人士如何使用Web

场景:

· 色盲在线购物 :

李先生想买一些新的衣服,器具和音乐。像他平常一样,他花一个晚上在线Shopping 。他有一个普遍的视觉障碍:红绿色盲。

他很难阅读许多网站上的文字。当他开始使用Web 的时候,就发现似乎许多网站上的文字和图片使用很糟糕的颜色对比,因为他们似乎采用类似的棕色色调。他意识到是因为他的红绿色盲,所以颜色无法区分。在许多情况下,网站使用红色来提示折扣,但所有的颜色他看起来都像棕色。在另外一些情况,必填框用红色来提示,但是他看不出来哪个是红色。

李先生发现他偏爱使用充分颜色对比以及为颜色使用冗余信息 的 网站。这些网站使用文字而不是颜色来提示。另一个经验是,李先生发现许多更新的站点使用样式表来控制颜色,他可以把浏览器的样式表关掉,使用自己的样式表来覆盖。但是有一些网站不能覆盖那些颜色。

· 重复性压力损伤的记者

Mr. Jones 是一个为在线杂志提交HTML20 年的职业生涯中,他的手部和手臂得了重复性压力损伤(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, 中学生,非常喜欢文学课。她有读写障碍和注意力缺乏症。导致她阅读非常困难。她的学校最近采用在线课程来补充教科书。她尝试了文本到语音软件,是她阅读轻松了。

她发现采用了图片的网页使她易于阅读,而采用动画的网页则很难阅读,她会关掉动画和滚动的文字。网页的不同搜索策略也使她更容易阅读了。

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: