月归档:2013 年十月

中国信息无障碍社区小组Chinese Web Accessibility Community Group

中国信息无障碍社区小组(Chinese Web Accessibility Community Group)在W3C中国的支持下于2013年10月成立的,由有志于推动中国信息无障碍事业的W3C会员组成的社区小组。 中国信息无障碍社区小组的任务是帮助中国的开发者和设计师构建高可访问性的网站。该小组不产生(W3C)技术规范。 小组的以发起和组织各种信息无障碍相关的讨论、培训、体验等等为主要活动形式,旨在交流信息无障碍经验,推动中国信息无障碍进展,协助构建一个信息无障碍的网络世界。 小组的部分成员同时是中国信息无障碍产品联盟(http://accessibilityunion.org/)的成员,欢迎大家同时以加入联盟和加入小组两种形式,参与到中国的信息无障碍推动事业中来。 每个人都可以加入Chinese Web Accessibility Community Group。所有参与者都视为签署了W3C小组贡献许可协议(W3C Community Contributor License Agreement),简称CLA。 如何加入中国信息无障碍社区小组?How to join the cnwa? 原文:http://www.w3.org/community/blog/question/how-do-i-join-a-group/ 访问中国信息无障碍社区小组网址http://www.w3.org/community/cnwa/,点击页面右侧JOIN THIS GROUP即可开启加入流程。 如果你没有W3C账户,你需要注册一个http://www.w3.org/community/account/request。 点击当前小组的JOIN THIS GROUP,如何你没有登录,系统会提示你登录。如果你有一个账户,但是我们不知道你的隶属关系(比如你的雇主),我们会提示你更新你的账户。 点击加入之后,就要依赖你的账户中生命的隶属关系,这是因为加入一个小组包含着同意W3C的CLA(W3C小组贡献者许可协议)。下面介绍点击JOIN THIS GROUP按钮之后的是不同隶属关系的流程。 请牢记社区小组是不对任何人收费的。非W3C的会员加入商业组才需要收费。 如果你是W3C会员的员工并且是会员咨询委员会代表,你可以代表你的组织立即加入。加入之后,你可以推荐你所在组织的其他人士参与到小组之中。 如果你是W3C会员的员工,但不是会员咨询委员会代表,那么你必须需要你的会员咨询委员会代表的推荐。选中复选框,点击按钮,就会发送一个请求给你的会员咨询委员会代表,然后他决定是否推荐你加入。当代表同意或者谢绝你加入小组操作后,你会得到一个通知。 如果你是非W3C成员的员工,大多数情况下我们建议你可以代表你的隶属组织立即加入小组。或者你可以请求不代表你隶属的组织加入小组,那么这些请求就会交给W3C员工全权处理。我们努力在一个工作日之内处理。具体可参照W3C发表的 guidelines for evaluating individual … 继续阅读

发表在 活动 | 留下评论

W3C Web信息无障碍技术研讨会将于11月8日在北京举行

原文地址:http://www.chinaw3c.org/ W3C中国10月20日消息:W3C将于2013年11月8日上午9:00,在北京航空航天大学举行Web信息无障碍技术研讨会。本次研讨会旨在讨论共同关心的Web信息无障碍标准相关问题及情况,W3C Web信息无障碍领域的负责人Judy Brewer及其他技术专家将向参会嘉宾介绍Web内容无障碍标准2.0(Web Content Accessibility Guidelines 2.0,WCAG 2.0)的最新情况及进展。 同时,我们也希望积极探讨Web信息无障碍标准及技术在中国的实践。会议将以轻松、开放的方式进行,欢迎您和我们共同探讨Web信息无障碍工作的发展和未来,一起为促进残障人士的Web体验而努力。 时间:2013年11月8日 9:00 – 12:00 地点:北京市海淀区学院路37号 北京航空航天大学  新主楼会议中心 第四会议室 如您有任何疑问,请联系 张昆 (邮件地址: kunzhang AT w3.org 电话:86-18611427386 ) 更多信息,请参阅W3C的信息可访问性标准计划(Web Accessibility Initiative,WAI)。

发表在 活动 | 留下评论

黄希彤:把鞋子打湿再做信息无障碍

原文:http://user.qzone.qq.com/16750199/blog/1382069029 把鞋子打湿(在第九届信息无障碍论坛上的发言稿) 在演讲的开始,我们不得不落一下俗套,给大家介绍一下我们在过去的一年里面取得的一些无障碍工作上面的突破和进展。2013年,我们做了很多大事吗?确实,我们公司内的信息无障碍产品联盟已经有20多个成员产品了,大家都很努力的在对自己的产品做无障碍化改造,也有了很多成果,不过要是挨个数一遍我们时间就不够了。大事都是从小事做起来的,今年我们要给大家讲一些有意思的小事。 无障碍投诉邮箱:投诉途径的统一 首先,我们统一了信息无障碍投诉邮箱。这真是个小事,投入也很少,但是,这个邮箱的成功开通和我们通过这个邮箱搜集到和成功推动解决的那么多大问题,让我们觉得,其实无障碍可以从这样的一件小事开始。我们的演讲,也从介绍这件小事开始。这个邮箱的地址是 TXWZA@QQ.COM,这前面的5个字母是“腾讯无障碍”的拼音缩写。 腾讯新闻:拥抱WAI-ARIA 腾讯新闻站,其实本来也不是一个访问障碍问题严重的产品,所以这看起来也不是大事。但是WAI-ARIA技术规范随着HTML5技术的兴起,即将成为信息无障碍技术的下一件大事,我们通过这样一个重量级的产品的技术改造,向技术圈释放出的是,所有有追求有责任感的产品设计,都应该更好的去拥抱无障碍的新技术,信息无障碍改造,是需要从点点滴滴的小事做起的。 QQ手机输入法:拥抱talkback 记得几年前,互联网时代到来,我们所有的人都在尝试拥抱互联网,但不是每个人都拥抱的那么紧密。有盲人朋友说,我们找遍中国找不到一个无障碍的中国邮箱,我们的QQ邮箱听到了大家的声音,并且改造出了我们的第一个无障碍邮箱。 现在移动时代到来了,我们所有的人开始拥抱移动互联网,尤其是安卓设备,爆发性的流行起来了,但是类似的故事发生了,很多朋友在尝试找到一个无障碍的安卓手机输入法的时候遇到了问题。这次是我们的手机输入法团队,率先吃了这只螃蟹。 除了技术和用户体验上的巨大突破,更重要的是,手机QQ输入法对我们的产品研发和发布流程也进行了无障碍改造,他们创新的引入了盲人内测用户理念。 内测,全程是内部测试。是一个软件产品在研发过程中,产品功能初步完成可用的时候,让一些内部用户提前内部体验试用,并及早反馈问题,以便在公开测试和最终正式发布前把问题解决在萌芽状态。 这是我们第一次正式把无障碍测试引入了我们的产品内部研发和发布流程。这件“小事”,也标志着我们即将做一些越来越大的转变。所以我们即将说到的下一件事就是:视障用户内侧团。 视障用户内测团:研发流程的变革 客观的讲,我们的无障碍内测流程现在还是相当不规范的,比如内测用户的招募主要是朋友介绍,内测团的维护和问题搜集主要是通过QQ,再由我们的员工手工录入到我们的研发系统中。不过这个简陋的内测流程现在工作的还不错,也给我们进一步的推动很大的信心。现在腾讯有很多产品都在尝试引进这个内测流程。 这张图是我们的另一个内侧团。我们的QQ空间正在紧锣密鼓的开发下一个版本,我们也在这个版本的研发过程中引入了视障内测环节,现在有数十位视力障碍用户正在帮助我们体验产品和提出意见,希望大家可以早日看到一个无障碍的新QQ空间。 通用方案:无障碍技术创新 通用方案是我们最重要的无障碍技术创新,这个项目在未来可能是一个庞大的开源项目,不过在目前,我们还在试水中。 简单介绍一下我们的思路。我们知道网络上有一些技术高手,他们可以修改自己看到的网页,通常这种技术是通过一种我们叫做用户脚本的方式来完成的。我们对网页的修改很多时候是去掉广告,提取网页文字内容等等,当然,如果有必要,我们也能把一个网页给无障碍化。唯一的问题是,我们只有权改我们自己打开的网页,你打开的那个网页,我无能为力。 另一方面,很多有无障碍需求的朋友打开网页的时候,有这样的权限,却没有这个能力。所以我们的思路就是把这个权限和能力对接起来。一方面,志愿者为各个网站开发无障碍化的用户脚本,把每个网站每个网页当成一个开源项目,贡献自己的无障碍方案;另一方面,有需求的朋友下载这些脚本来把网站变得无障碍化。 这是我们其中一个试水的页面。这个项目的推进比我原先设想的困难非常多。比如这个网站的一些页面用了一些我们意想之外的不是现在最主流的技术,对它们做手术的过程遇到了很多意想之外的困难。这个项目到目前也还远远谈不上成功,但是我们的开发团队一直在持续把自己的业余时间和周末投入到这其中,我们一直在保持进展。 更重要的是,这个项目让我们看到一个可以复制的信息无障碍化的新模式,一个用开源项目运作模式来解决网站无障碍问题的机会,一个让网站可以低成本的接入实现无障碍化、让技术人员可以低门槛的参与到所有网站的无障碍化工作中的机会,这也许是一个可以改变中国乃至更大范围内的网络信息无障碍问题的创新。 QQ2013:解决了困扰3年多的障碍 最后,不得不提的,是大家最喜欢最关注的QQ软件了。从2009年的那个QQ版本开始,这一直是我们腾讯无障碍工作中最深的痛,也是我们长久以来愧对大家的一件事。让很多很多朋友不得不多用了好几年的QQ2008,对不起大家。 这是一个软件底层架构带来的问题,问题处在根子里、骨子里。这三年里面,我们也曾经想尽办法试图通过和读屏软件的合作,提供专用的接口等方式,来用稍微低一点的开发代价解决这个问题,如大家所见到的,最终很多人还是宁愿停留在QQ2008。 在2013年,我们的工程师最终还是下定决心,重构了QQ的底层架构,从骨子里进行全面改造,从根子上解决了无障碍的困难,把QQ拉到一个面向信息无障碍的底层架构上来。 大家可能难以想象,一个14年的软件,一个拥有几亿忠实用户而且大多数用户每天基本上都长时间保持它运行的软件上,要做一丁点的修改我们是有多么的慎重,任何细微的修改都可能招来上亿用户的不满乃至于批评,更不要说对软件的底层架构进行大规模的改造乃至于重新开发。 过去三年我和我的同事们每次站在这个讲台上,不管我们表面上表现的多骄傲,其实我们的内心是羞愧的。终于今天,我站在这里,为我们的工程师团队所承担的风险,克服的阻力和付出的艰辛劳动,感到骄傲。 QQ2013版本发布以后,我们终于停止了对QQ2008的支持,这还导致了一些朋友的不适应、不理解。 这其实就是我前面说的需要慎重的原因了,有个词叫做众口难调,一个菜怎么炒都还是没办法让所有的人一下就喜欢上。几个月前,甚至一些国家级的主流媒体都关注了我们的这一个版本升级是否给特殊用户带来了不便。大媒体开始关注信息无障碍,哪怕是批评,哪怕是误会,我都觉得是是意见好事,因为终于有更多的人关注无障碍事业了,越多的人关注,我们的事业会前进的更快更顺畅。 讲完了好的,做的不好的我们也介绍一下。2013年我们有很多计划要做,但是却还没能做成的事。失败比成功让我们学到的更多。 透过这些事情,我们也能看到企业做信息无障碍需要面对的困难和阻力来自哪里,然后我们会再讲到我们从中学到了什么。 无障碍硬件产品:小Q机器人 小Q机器人,这是我去年在这里预告过的,很遗憾的告诉大家,在过去的一年里面,这个项目遭遇了很多意想不到的挫折,包括有法律上的障碍。 无障碍评级标准 设计一个由实际用户体验评测为导向的无障碍评级标准,这也是我们去年展望过的。设计这个标准其实并不难,要实施这样的评测,也不是太难,但是我们去年没有看到的一个困难是,谁愿意来拥抱这样一个标准,尤其是一开始来评测的时候评级结果可能一点都不好看,谁会愿意给自己套上这个枷锁呢?所以我们简单设计这样一个标准可能只是一厢情愿,至少,要先做一些好的铺垫。 无障碍专业测试团队 由残疾人组成的测试团队的重要性,昨天一些国内国外的专家都有讲过。给残疾人一个平等进行专业工作的机会,也是我们的梦想。无障碍测试团队本来是为了评级标准而准备的,但是这件事我们并没有因为评级标准遇到的挫折而停滞,这个测试团队我们和深圳无障碍研究会仍然在努力争取资源积极筹备中,希望下次给大家回报的时候能有更实质性的进展。 无障碍联盟 … 继续阅读

发表在 活动 | 留下评论

第九届中国信息无障碍论坛

1984年,在沙特阿拉伯首都利雅德召开的世界盲人联盟成立大会上,确定每年的10月15日为“国际盲人日”。 在今天之前,有很多人不知道这样一个节日。恰恰就在今天,人们在登录QQ的时候会听到这样一句话:“今天是国际盲人日,伸出一个有力的臂弯,哼唱一首动听的歌谣,用我们的温度带给他们色彩斑斓,关注无障碍,QQ一直在努力”这一段话已经传播到了很多人的耳朵里。 而这样一个简短的、温馨的话语也是整个社会对信息无障碍推动的一个缩影。 2013年10月15日~10月16日,第九届中国信息无障碍论坛在北京中国盲文图书馆召开。会议主题为:“整合与集成——全媒体时代的无障碍服务”。 第九届中国信息无障碍论坛除主论坛外又分为五个分论坛,分别是:辅助技术分论坛、无障碍阅读分论坛、教育培训分论坛、口述影响分论坛、信息无障碍银行分论坛。 论坛开幕式由中国残疾人福利基金会副会长邢建绪主持,在一段信息无障碍宣传片之后,联合国教科文组织驻华代表处代表、中国互联网协会领导、工业和信息化部电信管理局领导、中国残疾人福利基金会领导、国家新闻出版广电总局领导、中国残疾人联合会领导进行讲话和致辞。随后进行捐赠仪式。 茶歇之后就正式进入论坛环节。具体论坛议程如下,感兴趣的人士可以自寻渠道参加。 时间 发言题目 发言嘉宾/单位 8:30–9:00 嘉 宾 签 到 10月15日上午 论坛开幕式 地点:中国盲文图书馆多功能报告厅 时间:9:00—10:00 主持人: 中国残疾人福利基金会副理事长邢建绪 9:00—10:00 1.播放信息无障碍宣传片 2.联合国教科文组织驻华代表处代表致辞 3.中国互联网协会领导致辞 4.工业和信息化部电信管理局领导致辞 5.中国残疾人福利基金会领导致辞 6.国家新闻出版广电总局领导讲话 7.中国残疾人联合会领导讲话 8.捐赠仪式 10:00–10:15                          茶  歇 10:15–10:45 信息无障碍成果惠及广大残疾人 中国残疾人联合会信息中心主任 崔慧萍 10:45–11:15 让信息化照亮盲人的阅读世界 … 继续阅读

发表在 活动 | 留下评论

特殊人群的设计关怀

原文地址:http://cdc.tencent.com/?p=3674   2010年12月,Thomas应邀参加中国交互设计体验日大会,展开了一次主题为《特殊人群的设计关怀》的演讲。演讲主要介绍了在做产品设计时,公司对于特殊群体的一些考虑。以下是对这次演讲的现场记录: “盲人对QQ的依赖度非常高。” 在正式演讲之前,想请大家看一段视频。大家可以看出这是个怎样的用户吗?是的,这是一位盲人。可能很多人会吃惊,盲人怎么可以使用QQ?其实盲人不光使用QQ,他们正在利用互联网的很多服务充实自己的生活。 我们关注到这个群体的时间其实不长,只有一年多的时间。这期间,通过大量的观察和研究,我们可以说,对于这个群体的了解已经相当多了。同时,我们也在尝试各种方法,以帮助他们更好的使用我们的产品。 大家想象一个场景:一位盲人用户坐在桌子面前,他的面前是键盘,没有显示器,只有一个音箱。他们在电脑上安装的读屏软件能把鼠标移动到的位置内容朗读出来,盲人就是通过这些读出来的声音来操作电脑。他们对电脑的使用非常熟练,对于QQ的依赖度也非常高,一天有好几个小时泡在网上,每次上网总是最先打开QQ。 我曾经观察过一个盲人的QQ群。出乎我意料的是,盲人群里非常热闹,他们在群里很活跃的聊天,而且聊天时滚动的都是大段大段的文字(这在普通人的群里也很少见)。在群里他们聊得非常开心,甚至有时候打字时,打着打着会唱起来。互联网为他们提供了现实生活里难以给到的快乐。 而今天想跟大家探讨的,就是我们在目前的设计中对于特殊人群在用户体验上的一些考虑。希望能通过这些设计,给他们带来更多的温暖和帮助。 “看似有努力,实际没帮助。” 现实当中可能会遇到这样的情况:这是盲道遇到一堵墙的照片(见左图)。这是两个无障碍坡道的照片(见右图)。我很期望做出这个坡道的人,自己坐在轮椅上尝试一下这样的坡度。可以看到,我们有时候看似在给残障人士一些便利,但实际上并没有帮助到他们。 这有一个数字:500万——这是06年中国盲人的数量。我们曾经探访过一位盲人用户,我们叫她李姐,在深圳开了一家盲人按摩店。她给我们讲的许多关于QQ的故事都让我们非常感动。她有一个视力正常的女儿,有天女儿跟她发生了点小摩擦,为了跟妈妈和好,女儿客厅的电脑里打开QQ,对妈妈说了平常没说出口的话:“我爱你。”这位盲人妈妈在卧室的电脑收到这句话,非常感动。——这种QQ给盲人带来快乐的例子举不胜举,在跟她接触过程中,我们做了很多改进自身产品的决定,好让我们的软件能够适应他们。 2898万,这是2010年中国50岁以上网民的数量,占网民总体6.9%(数据来自CNNIC)。不知在座大家的父母会不会上网,就我所知道的,老年人上网还是很多的。我的父母就活跃于QQ、MSN以及偷菜游戏。这么多的中老年人在使用互联网了,我们要为他们做什么? 另外,我们是不是还应该考虑儿童用户? 1300万20岁以下的网民,占总体网民31%(数据来自CNNIC)。在产品设计时,我们是不是也要考虑到他们的需求,以及他们的健康成长? “现状有些讽刺” 看一下我们的现状。 画面有些讽刺,这是中国残疾人就业信息网。我想中国残疾人里一定包括视障人士,但这个网站对于视障人士来说,是很难用的。网站里大量使用的图片是不能被读屏软件读取的,也就无法到达盲人。 再举我们自己产品的例子,我们的QQ邮箱在做改版时,没有把焦点考虑进去。原来用户进来后直接回车便可以打开邮件,改版后虽然读屏软件读出了第一封邮件,但是鼠标焦点并不在邮件上,回车后转到该页面的最底部。这样给盲人在使用邮件时带来了很大的麻烦。 无序的Tab键也对盲人产生了非常大的困惑。盲人使用电脑主要依赖键盘的Tab键进行切换操作。盲人期望Tag操作是有序的,但事实上他们的焦点从空间可以先跳到主菜单,再从主菜单往回走。 还有个最要命的验证码。有些验证码,正常视力的人都未必能读出来,更别提视障人士了。验证码其实并不是很好的体验,最初是为解决互联网安全问题而出现的。公司采用验证码,是为了防止用户QQ号被盗,但这给视障人士带来了相当大的障碍。 文字的字号、字色也是问题。这是腾讯网改版前的一个页面。现在看来,字体比较小,字间距也密密麻麻,还有字体颜色比较浅。有些设计师出于美感的考虑,对于文字和背景不希望有太大的对比,但当我们追求这种和谐感的时候,文字识别度也就降低了。现在对于文字,我对设计师的要求是,尽量白底黑字。 QGame的问题主要在导航。密密麻麻的导航给用户,特别是中老年用户,在查找游戏时带来很大麻烦。 “我们做的事情” 我们在盲人入户调查方面做了相当多的工作。电脑是他们的另一双眼睛,他们渴望交流、期待关注、热衷分享、超强耐心和忍受力、记忆力好、探索欲强。他们在使用软件的过程中虽然遇到很多困难,但他们以极大的耐性在坚持使用。我们在对他们了解的基础上,改进了很多设计上的一些细节。 比如Tab,我们已经整理了各个操作按钮,并且对它们进行了分组。盲人在QQ上做Tab操作时会先选组,再选择按钮。 刚刚我们也有提到验证码的问题。对此,我们建立了白名单,视障人士申请加入了“白名单”后,在使用QQ过程中就不再有填写验证码的要求。这个白名单的用户,从2000发展到40000个,如今这个“白名单”还在持续更新中。 我们也花了很多时间来研究长者上网的情况。最后的结论包括,在针对长者的设计上,他们需要可视化的帮助功能;简单的功能设计;清爽的界面设计;大而清晰的字体、按钮;单击为主的操作;智能输入法、手写输入;语音与视觉相互补充的多通道设计。 我记得,当时教我爸爸用电脑的时候,教他使用双击左键教了很久,至今他在双击左键上都会相当紧张。每次都要问我,很是辛苦。后来我们在QQ的单双击操作上做了改进,QQ托盘区“提取消息”的图标,很久以前是双击提取,现在就改成了单击提取。 我们还做了QQ影音的老年人版皮肤,采用老年人觉得更加舒适的绿色,更大的字体和更少的操作按钮。 我们还做了QQ空间的简洁版。在用户选择简洁版的模式下,我们提供给用户最简单明了的阅读体验。 www.qq.com使用大字体。前年做的这个改版,这个改版历时一年。对于门户来讲,任何一个小改变,都会对用户的浏览产生大影响,所以我们在做改版的时候非常谨慎。在这次改版,我们把字体从12号提升到14号和13号,当我们做完这个改版,上线后用户好评一片。我们发现,改版之前用户看所有门户的时候,并不觉得字小,因为所有门户的字都很小,但一旦当他看完了qq.com,再回到其他网站,他会觉得“字怎么会这么小?”当用户有了很舒服的体验时,很难再去回到不舒服的体验。 同样的,QQ游戏也可以做大字体的选择,左侧字体大小可以调整。 腾讯网儿童频道研究。我们一直以为所有人类都是按照我们设想的方式去交互的,但我们发现儿童不是。比如,他们不看导航。当他们进入一个花花绿绿的页面,他们直奔最花哨的地方而去。所以我们会对诸如这样的现象进行研究,做适合他们的设计。 自闭症儿童关爱行动。这是我们跟央美和腾讯公益等一起做的事情。在中国的自闭症儿童总量有150多万。这部分孩子会有交流认知障碍和自我封闭倾向,之前有一部电影叫《海洋天堂》就是关注这一部分人群的。我们发现,很多事情以前不能做,但现在有个很好的设备——iPad。我的八个月的女儿拿着iPad,可以玩切蔬菜的游戏。iPad是非常好的拉近人与机器交互的设备,我们将iPad作为一种媒介,希望能开发出一款APP,引导自闭症儿童从封闭走向开放。我们和央美的合作团队走访了很多心理学专家和自闭症儿童家庭,了解他们的需求,以及儿童心理专家对自闭症儿童的观察和认知,以及他们能想到的办法。通过我们的APP,引导他们与机器交流,进而引导他们与人交流。 公平贸易设计行动。在当今贸易中,更多收益分配给了中间渠道。很多真正生产这些东西的人反而得不到收益。我们想做这件事情不不期望能改变大的环境,我们想来找一些试点,如稍微贫穷的地方,他们有一些文化传承,比如说扎染的手工艺的文化。我们会帮他们将这些手工艺提升价值,然后卖给需要的人,将中间的大部分利益还给生产者。我们希望做很多这样的设计,搭建中间的桥梁。 “无障碍设计,让我们共同努力” 1999年,WCAG(web content accessibility guidelines)1.0。 … 继续阅读

发表在 观点 | 留下评论

借12306订票页面,聊无障碍用户体验

以下为个人观点,不代表本人所在公司及团体的观点。 作为“不可替代”的www.12306.cn,它为我们带来了太多太多的障碍,从最开始的难以访问到后来的难以支付,现在的12306算是可以正常使用了。想起最开始需要大家一起帮忙刷票到后来的各种浏览器的抢票功能。现在很是欣慰。作为一个正常用户的我们似乎已经满足了。但是对于盲人来讲,事情还远远没有解决。 之前在《如何做盲人认可的无障碍互联网产品》http://www.huxiu.com/article/17196/1.html中提到了盲人是如何访问网页以及他们的使用习惯,这里就不在赘述了。 对于这样一个网站,基本上无法通过邮件或者什么渠道来反馈给网站的开发者从而带来本质的变化。那么难道就没有任何办法可以帮助这样一个群体了么?在相当长的一段时间里,我对这样类似的问题感到困惑与失落。 不过,聪明人与实践者总是有的,在逛http://userscripts.org的时候无意中发现了这样一个插件“page-access-helper(网页无障碍助手)”:  http://userscripts.org/scripts/show/175103 他利用火狐插件greaseMonkey进行扩展,解决了12306的注册、购票、退票这三个最关键的功能。可以说是以一个“微创手术”解决了一个“重大疾病”。 剖析这个工具的开发思路对于解决网站信息无障碍问题的经验积累有着很大的作用! 1.辨别主要功能 一个网站,无论制作、开发者是不是自己,如果他已经上线运营,并且无法从头开始重新制作开发,那么只能以局部升级的办法来解决无障碍的问题。无障碍问题的修复与功能开发类似,必须制定优先级,优先解决用户最重要的问题。以12306为例,注册、购票、退票显然是一个必须解决并且要按顺序解决的三大主要功能,这三个功能达到无障碍的话,可以解决绝大多数盲人用户的问题。 2.优化关键路径 A.越过“不重要功能” 如果一个屏幕阅读器用户要找到购票/预约的链接,通常需要按20余次的Tab键才能到达,如果不小心错过或者焦点在其他位置,则需要按Tab键逐个遍历,对于这样一个重要的以时间为第一目标(预定车票的时候拼的就是时间)的功能。 显然这样的一个链接使得屏幕阅读器用户“输在了起跑线上”。 安装网页无障碍助手之后,该插件主要链接添加了一个快捷键,无论当前焦点在哪里,只要alt+shift+z即可找到注册、购票、退票链接。 对于这个快捷键,我个人还是比较喜欢的,一个手就能完成了,而且跟QQ的显示消息窗口快捷键类似,方便记忆。 B.焦点陷阱 焦点陷阱,顾名思义就是当焦点访问某个控件的时候可能产生三种现象:1.不反馈(无法访问);2.焦点丢失(一般会回到页面头部);3.无法跳出当前控件。本质都是控件存在访问性障碍从而造成整个用户活动流程失败。 对于明眼人,我认为这是一个好的交互态。而对于盲人来说,无论何种交互,能聚焦的交互才是好交互,能访问到的内容才是好内容。遗憾的是,这里一旦利用Tab键进入出生日期选项,就一直循环再也出不来了。在车票查询页面里的出发日期和触发时间同样的使用了类似控件,导致无法访问后续流程的控件。 对于这种控件,网页无障碍助手采用了朴实有效且成本低的做法——使用标准表单控件(input、select、textarea…)。并且还优化了一些文案,以更友好的“凌晨0点到24点”取代“00:00-24:00”。 C.表单错误提示问题 表单作为用户和服务器的唯一接口,由于网速的飞速发展早已经从服务器端作为第一环节验证转成了前端js作为第一环节验证,从而加速了验证速度也优化了用户体验。对于盲人用户,每一条错误提示信息能否即使的反馈是影响操作效率乃至能否顺利提交的关键。12306原始的表单错误提示读取繁琐,大大影响表单提交效率。 网页无障碍助手利用焦点顺序的管理使得输入错误即使提醒。 D.重要信息必须键盘可访问 很遗憾,作为最重要的搜索结果信息,键盘无法访问,屏幕阅读器用户一片茫然。对于不可聚焦元素,无外乎增加tabindex以及javascript管理焦点,希望广大网站制作开发者以“举手之劳”添加这关键的功能。用技术为盲人群体带来一丝光明。 网页无障碍助手对这个页面同样做了处理,对于搜索结果,做了处理,可以tab选中各次列车,读出发站及时间,到站及时间,当前还有的坐席类别,以及回车即可预定! 同样的问题也出现在了提交订单确认的弹出框以及确认订单的页面。 ​ 弹出信息确认框,只能聚焦到取消、确认按钮,订票信息不可读。 因为iframe的缘故焦点无法切换到红色区域块。在使用某项技术的时候,我们可以先去测试看看屏幕阅读软件是否支持该项技术。 对于这两个地方,网页无障碍助手插件也同样做了优化。 E.验证码 验证码是盲人使用互联网最大的障碍,因为验证码可能有替代文字。也只有极少数网站采用语音替代访问或者短信验证或者回拨电话。 那么难道说验证码的障碍就没有办法解决了么?很多盲人朋友会在找到验证码之后,截图给朋友帮忙查看。作为12306的验证码,根本无法选中,所以盲人连截图的机会都给剥夺了。 优化之后的验证码做了特别的提示:“请输入右边的验证码,可以截图给朋友识别”。 客观的说,12306一直在进步!没有考了到盲人并不是12306一个人的错,整个互联网几乎都没有考了到这样一个群体。不过可以看到的是,注意盲人群体的公司和团体已经越来越多了,这是一个好的现象。 完整的插件使用说明请参照开发者团队的说明文档:http://accessibilityunion.org/page-access-helper.html 引用其中一位成员的语录:帮助是什么?未必是跑到非洲当志工。对我而言它有两件事:一是把自己的专业培养好;二是用自己的专业帮助周遭的人。 希望这样的团队越来越多,希望重视信息无障碍的公司越来越多。

发表在 观点 | 留下评论