信息无障碍的意义

有人问我:“信息无障碍有什么意义?”

更广泛的受众

在没有接触信息无障碍之前,我没有想到我制作的网页或者我所在公司的web产品会给相当一部分用户带来障碍,使他们无法顺利的获取信息和操作。很长一段时间里,我们关注ie6下是否功能完善,是否和其他标准浏览器显示一致,着重于他们用的舒适与否,交互是否绚烂多彩,而忽视了一些用户到底是否可以访问我们的页面。事实是我们人为的阻止了一部分用户来使用我们的产品。对于在硬件、软件、语言、文化、地理位置、身体和精神能力方面有障碍的人士我们很少考虑。比如用户老龄化以及盲人群体。

人口老龄化是指总人口中因年轻人口数量减少、年长人口数量增加而导致的老年人口比例相应增长的动态。国际上通常把60岁以上的人口占总人口比例达到10%,或65岁以上人口占总人口的比重达到7%作为国家或地区进入老龄化社会的标准。这一部分用户对界面的认知和操作的复杂度以及专业术语上存在一定的学习障碍,同时老龄化用户的视力也慢慢衰弱。回想我们教年长用户使用电脑、智能手机、浏览或者操作某些产品时候遇到的问题。你就会发现很多你认为理所应当的东西对于一个上年纪的用户多么难以学习。很多产品的字体大小不适合老年人阅读,很多操作交互也是这一部分用户从来没有接触过的。

根据《中华人民共和国2012年国民经济和社会发展统计公报》(http://www.stats.gov.cn/tjgb/ndtjgb/qgndtjgb/t20130221_402874525.htm),2012年末大陆总人口为13亿5404万人,60周岁以及以上人口为1亿9390万人,占总人口数的14.3%,比上年末提高0.59%(其中65周岁及以上人口为1亿2714万,占总人口的9.4%)。随着社会的进步,无论是医疗还是人们生活质量都会随之进步,老龄化现象也会越来越突出。

对于这一部分越来越大群体,无论是专业网站的创作团队还是敏锐的互联网创业者都应该在现在重视这一点。 特别是90年代的互联网从业人员也慢慢的跨入这个行列,这一时期的人员很多恰恰是各个互联网公司的高层,他们也会慢慢因为自己的产品存在的可访问性问题而导致上年纪的自己无法使用。所以老龄化的问题会很快引起网站作者的注意。当你阅读本书的时候你就应该马上加入到信息无障碍的改造和推广中,从而占领先机。

无论在现实生活中还是在网络上,很多人都认为盲人不需要上网。让盲人可以访问自己的网站是给自己增加成本。其实,你是否提供可以让盲人轻松访问的站点与你是否认可导盲犬可以和公众一起乘坐交通工具一样,这是你对一件事情认知程度的体现。我国的《无障碍环境建设条例》早在2012年6月13日国务院第208次常务会议上就已获得通过,并于2012年8月1日起施行。其中第二章第十六条规定:“视力残疾人携带导盲犬出入公共场所,应当遵守国家有关规定,公共场所的工作人员应当按照国家有关规定提供无障碍服务。”(《中华人民共和国国务院令第622号》)我们可看到很多商家允许导航犬进入,机场也允许导盲犬登机。但是仍然有很多机构没有认识到这一点,比如北京地铁(http://t.qq.com/p/t/351308047516581)。

从残联(2012)25号文件展示的数据来看,2010年末我国视力残疾1263万人。视力残疾是指由于各种原因使视觉器官或大脑视中枢的构造或功能发生部分或完全病变,导致双眼不同程度的视力损失或视野缩小,视功能难以像一般人一样在从事工作、学习或进行其它活动时应用自如,甚至丧失。

我国法定的视力残疾是,优眼最佳矫正视力低于0.3(不包括0.3)或视野半径小于10°。

视力残疾一般分盲和低视力两类。我国视力残疾的分类标准与世界卫生组织(WHO)制订的标准对照表如表:

最佳矫正视力a 中国标准(类别) 中国标准(级别) WHO标准(类别) WHO标准(级别)
无光感 一级 5
无光感<a<0.02 一级 4
0.02≤?a<0.05 二级 3
0.05≤?a<0.1 低视力 三级 低视力 2
0.1≤?a<0.3 低视力 四级 低视力 1

在所有用户中,盲人这一群体对访问网站的困难是最大的,本书也主要阐述了如何构建易于盲人访问的网站,当然就算一个网站使盲人易于访问也并不能代表这个网站就是无障碍,因为无障碍涉及广泛的残障用户,包括,视觉、听觉、言语、认知、语言、学习、神经学残疾和老龄化。

更好的代码

对于代码,如果你不追求更好更完美,那么你只需掌握div和表单元素就可以还原出设计稿所展示的效果。但是这也仅仅只是满足了基本的用户需求与浏览器解析。更好的代码可以给你带来更多的益处,就像如果你希望让搜索引擎更加注意你的网站,你就需要掌握更多的标签实现语义化,甚至你需要使用微数据。

一般的代码

<div>

  我是rockywen,但大家叫我“温总”。我的主页是:

  <a href=”http://www.example.com”>www.example.com</a>

  我在希格玛大厦(北京)办公。我是无障碍工程师,目前供职于腾讯(北京)。

</div>

对搜索引擎更友好的代码

<div itemscope itemtype="http://data-vocabulary.org/Person">
  我是 <span itemprop="name">rockywen</span>
  但大家叫我“<span itemprop="nickname">温总</span>”。
  我的主页是:
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
  我在希格玛大厦(北京)办公。我是<span itemprop="title">无障碍工程师</span>
  目前供职于<span itemprop="affiliation">于腾讯(北京)</span>。
</div>

一个常见的tab控件,他的HTML是很简单的,但是如果你希望你的tab控件可以很好的支持辅助技术,那么你就需要书写得更加细腻。

一般的tab控件代码:

<div>
      <ul>
              <li>Tab1</li>
              <li>Tab2</li>
              <li>Tab3</li>
              <li>Tab4</li>
      </ul>
      <div>Tab Contents1</div>
      <div>Tab Contents2</div>
      <div>Tab Contents3</div>
      <div>Tab Contents4</div>
</div>

对辅助技术更好的代码:

<div id="tabpanel1" aria-multiselectable="false">
      <ul role="tablist">
              <li id="tab1" aria-controls="panel1" role="tab">Tab1</li>
              <li id="tab2" aria-controls="panel2" role="tab">Tab2</li>
              <li id="tab3" aria-controls="panel3" role="tab">Tab3</li>
              <li id="tab4" aria-controls="panel4" role="tab">Tab4</li>
      </ul>
      <div id="panel1" aria-labeledby="tab1" role="tabpanel" aria-hidden="false">Tab Contents1</div>
      <div id="panel2" aria-labeledby="tab2" role="tabpanel" aria-hidden="true">Tab Contents2</div>
      <div id="panel3" aria-labeledby="tab3" role="tabpanel" aria-hidden="true">Tab Contents3</div>
      <div id="panel4" aria-labeledby="tab4" role="tabpanel" aria-hidden="true">Tab Contents4</div>
</div>

是不是已经很久没有如此细腻的书写HTML了? 是不是在很长一段时间里,HTML只是服务于样式?你又有多久没有纠结HTML的语义了?你希望书写的HTML是仅仅面对浏览器,还是面对更多更广的用户和终端。从还原设计稿的层面中跳出来,要你的HTML可以帮助更多的人,实现更大的价值!对于构建盲人易用的网站仅仅是HTML层面的改变也是不够的,所以本书不局限于单纯的HTML代码,而且从一个全面的角度去讲述如何实现。

令人尊敬的与个人成就感

从来没有想到自己编写的几行代码会给公司带来用户的口碑,从开始写代码一直到工作的这几年中从来没有遇见这种情况:当盲人朋友通过屏幕阅读软件发现产品中做了相应的无障碍优化,他们会在论坛、微博和QQ群等各种媒介上表达他们的感激之情和对公司的尊敬。这也是我第一次在工作中感觉到所谓的成就感,实实在在的帮助了用户并且得到了用户的感谢。至此之后我也认识了很多的盲人朋友,倾听他们的意见,不断的改善产品,帮助更多的用户。以用户价值为依归,终会得到用户的尊敬和爱戴。

国际性与政府订单

国际性活动的网站,比如奥运会和世博会,信息无障碍是必不可少的。2007年6月,在介绍2012年伦敦奥运会的一段会徽的视频的时候造成了一些人光敏性癫痫发作。虽然不及1997年日本的口袋妖怪事件。但这个视频使英国有23000人被置于癫痫发作的危险之下。

口袋妖怪事件:1997年12月16日18点51分34秒,日本观众正在收看动画《口袋妖怪》第38集“电脑战士3D龙”,当晚许多观众不约而同昏倒,造成六百多名大小观众送医。这事件成为动画界史无前例的轰动新闻,次日任天堂股票大跌,这事件也让口袋妖怪动画一度停播。

伦敦市长Ken Livingstone评论说:“如果你雇人设计会徽,但他们却没有进行基本的健康测试,你就得问他们拿这些钱都干了什么?”

2008年7月23日,在中国残疾人联合会2层多功能厅召开了一场名为“北京2008奥运会信息无障碍”的发布会(http://tech.qq.com/zt/2008/aoyun_canao/)。可见信息无障碍在国际性网站中的重要地位。但遗憾的是,奥运会官网所谓的无障碍并未做到位。BBC的高级交互与信息无障碍工程师Henny Swan(时任英国盲人协会高级网站无障碍顾问)在他的博客中分析了奥运会官网中出现的信息无障碍问题。

关于信息无障碍最有名的一个法律案件是一个澳大利亚的盲人用户Bruce Maguire成功的起诉了2000年悉尼奥运会的组织者,起诉他没能创建一个可以访问的网站而且拒绝修改从而使他和其他盲人用户无法访问这个网站。

澳大利亚人权与平等机会委员会说:“悉尼奥运会组委会从来没有认真的考虑过这个问题,只有当听证会迫在眉睫的时候才做了尝试,以支持其拒绝投诉人的投诉,这既不足,也无法令人信服。”最终悉尼奥运会组委会被勒令支付20000澳元(约合11.8万元人民币)给Bruce Maguire。

如果你所在的公司有幸接到这种国际性网站订单,而你恰恰负责这个项目,那么你就要做好这方面的知识储备并告知你的领导,否则也许公司会在支付赔偿之后将你辞退。

中国政府也越来越重视信息无障碍,政府重要网站同样将信息无障碍作为重点。香港政府网站更是实施信息无障碍的一个典范。在全球,最著名的是美国的508法案(http://www.section508.gov/)。最主要的一条是“美国联邦政府下令禁止购买没有可访问性的web内容”。508法案中描述了较为详细的标准。在这个标准里网站主要遵循Web-based Intranet and Internet Information and Applications (1194.22)这一章节。

联合国人权宣言第二十七条规定“人人有权自由参加社会的文化生活,享受艺术,并分享科学进步及其产生的福利。”(http://www.un.org/zh/documents/udhr/),残疾人权利公约第九条(http://www.un.org/disabilities/convention/conventionfull.shtml)对信息无障碍同样做了说明。作为联合国的缔约国都应遵守和保障这些权利可以不受侵害。如果你可以很好的实施信息无障碍,那么在政府订单的投标中你会占据一定的优势。

对搜索引擎更友好

做过SEO的人士都知道,在页内层面,代码是一个重要的优化点。虽然和内容、域名规划、URL设计、关键字设计、重复内容策略、内容转递、转向、外链以及搜索蜘蛛控制相比,代码优化的作用微乎其微,但是将信息无障碍作为主要考虑因素产出的代码对SEO是一件一举两得的事情。在后面的章节中你会发现,代码的层面有很多和SEO相似的地方。比如信息无障碍同样要求使用合理的语义化标签,替代性文字,使用h1~h6进行页面信息架构,必须有完整的title值以及推荐使用h1标识网页主要内容等等。反过来说,一个页面代码层面做好SEO同样也是给信息无障碍的实施生产出了一个坚实的基础。在第*章,会详细介绍代码层面的知识。

公益

公益有关社会公众的福祉和利益。公益是利他的表现,是自愿精神的体现,是一种善行。信息无障碍可以帮助残障群体在互联网上维护他们的权利,帮助他们更好的和普通人一样融入、使用网络,分享科技进步带来的福利。信息无障碍不把利润最大化当作首要目标。在各个公司,信息无障碍同样也不是某个部门的KPI,但是大家仍在积极的推动这着它。不可否认如果作为KPI的话会推动的更加彻底,但是由于公司本身的性质是以利润最大化为目标,所以这也是信息无障碍在各个公司以公益的名义在运作的原因。作为一名专业人员,如何去做公益去帮助别人?引用联盟创始人黄希彤先生用的一句话:“帮助是什么?未必是跑到非洲当志工。对我而言它有两件事:一是把自己的专业培养好;二是用自己的专业帮助周遭的人。”

现在,信息无障碍的意义再清楚不过了。

尊重原创,转载注明出处,也是对信息无障碍的支持,谢谢。

关于 rockywen

平等、美好、安逸、自由 Accessibility Strategist 你已经努力的创造了一个伟大的应用,不要错过这个让他能服务更多用户的机会。还有,这是一件对的事情。
此条目发表在 观点 分类目录。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注