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

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

什么是 Web Accessibility

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, 中学生，非常喜欢文学课。她有读写障碍和注意力缺乏症。导致她阅读非常困难。她的学校最近采用在线课程来补充教科书。她尝试了文本到语音软件，是她阅读轻松了。

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