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, 中学生,非常喜欢文学课。她有读写障碍和注意力缺乏症。导致她阅读非常困难。她的学校最近采用在线课程来补充教科书。她尝试了文本到语音软件,是她阅读轻松了。
她发现采用了图片的网页使她易于阅读,而采用动画的网页则很难阅读,她会关掉动画和滚动的文字。网页的不同搜索策略也使她更容易阅读了。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

웹 주석 기능에 대한 Y 축 위치 적응 알고리즘이 기사는 Word 문서와 유사한 주석 기능을 구현하는 방법, 특히 주석 간격을 다루는 방법을 모색합니다 ...

GiteEpages 정적 웹 사이트 배포 실패 : 404 오류 문제 해결 및 해결시 Gitee ...

이미지를 클릭 한 후 주변 이미지를 산란 및 확대하는 효과를 얻으려면 많은 웹 디자인이 대화식 효과를 달성해야합니다. 특정 이미지를 클릭하여 주변을 만들 수 있습니다 ...

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.
