分类目录归档:活动

StoneHuang在世界盲人联会亚太区中期会议上的发言

Stone在世界盲人联会亚太区中期会议上的发言 准备这个演讲的时候,想起了许许多多曾经全情参与在我们的无障碍项目中,最后却由于各种各样的原因离开了公司、离开了原来的项目的同事: 朱梦娴(腾讯无障碍同盟第一任秘书,离职),朱元云(腾讯无障碍同盟第二任秘书,离职),温和(腾讯网无障碍化的主要推动者,调离了网站部),文举(朋友网无障碍的主要推动者,项目调整不再负责朋友网),胡莹(QQ无障碍的主要推动者,转岗到成都),万军(手Q的无障碍主要推动者,离职,现在盲人用户还在责怪我们为何不让他继续和盲人联系,唉),王艳茹(手Q接入无障碍测试的主要推动者,调离了即时通讯部),郭润增(QQ空间无障碍负责人,调离了社交平台部),吕旭辉(腾讯微博无障碍负责人,离职),庞龙(通用信息无障碍脚本负责人,离职)……  在无障碍问题上,给互联网公司施加压力真的很容易,以前也有过到互联网公司门口游行的。但是这是不是解决问题的好方式,被游行过的公司是否就此摇身一变成了无障碍化的标杆公司了呢? 那这些互联网公司真的是和残障人士有仇吗?真的是故意不把软件做好吗?真的是原来做得好好的产品非要故意改坏掉吗?在无障碍化的进程中我们中国的开发者实际遇到了什么问题,我们现在为什么不得不改变以前的收到一个问题动手就改的做法,不惜放慢无障碍化的脚步来进行艰难的而在外界看起来几乎没有什么具体进展的流程改造?这是我们第一次向大家讲述无障碍化背后真正困难的流程障碍,和我们的一些新尝试。 光明正大 大家好,我叫黄希彤,来自中国最大的互联网公司之一,腾讯公司。按照我们公司创始人的说法,我们是一家做连接的公司,我们通过互联网把人和人,人和商品,人和信息,人和生活服务连接中一起。我们说到人的时候,指的是每一个人,我们在理念上不排斥任何一个用户,即使他的身体有一些不方便。早上judy也提到了我的偶像Tim Berners-Lee 并引用了我最喜欢引用的伦敦奥运开幕式上的This is for everyone的照片。 但是我们在实践上,受到了中国整体技术水平和无障碍环境的限制,我们也制造出过大量的不符合信息无障碍要求的,不方便特殊人群使用的产品。我和我的团队在几年前开始注意到这个问题。从那时候起我们开始“偷偷摸摸”的进行产品的信息无障碍改造。为什么要偷偷摸摸的做,不能光明正大的做?我要从我们软件工程学的角度来解释一下。 这里我贴出了几个软件开发的生命周期模型,具体这些模型的细节我们不需要关心了,不管我们的一个产品采用的是什么模型,通常我们都要经过:计划、分析、设计、开发、测试、维护这样一系列软件开发阶段,才能最终把一个产品推出市场。我们的团队,还有现在中国大多数正在尝试进行信息无障碍化改造的软件,我们一开始试图进行无障碍改造的时候,是怎么进行的呢? 目前在中国,通常一个关注信息无障碍的软件开发工程师,发现了有一个无障碍的产品问题,他希望解决这个问题,他是这样做的,先左看看,再右瞧瞧,别人好像没有在盯着他是不是在做需求,就悄悄的把产品改吧改吧,解决掉一两个无障碍问题,然后悄悄的让这个无障碍特性跟着其他产品特性一起发布。 然后如果修改得还不错,那就皆大欢喜,用户很开心,而项目经理、产品经理、测试人员都不知道发生了什么事情,当然这个工作也不计入你的工作绩效里面。 要是改错了,影响了产品的其他功能,那就麻烦大了,大家都要问:谁给你提的需求?谁批准你做的修改?你的领导知道你没做正经需求跑去做这个吗?改成这个样子产品经理知不知道?测试团队有没有验收过你做的修改?这个修改带来的问题是不是你负责? 为什么会这样呢,问题就在于,从软件工程的角度来看,我们的无障碍改造只是在开发环节进行,其他环节都没有参与进来。这种非流程化的做法,会把无障碍改造置于一个名不正言不顺的地步,这样做一段时间以后,往往由于个别人轮岗调动、热情消退,或者项目本身发展变化,在无障碍上的投入减少,产品的无障碍程度就会出现倒退,原来好用的功能在新版本里面变得不好用了。 那么要解决这个问题,很明显我们需要吧无障碍工作规范化,在产品的规划阶段就规划好按版本逐步无障碍化的计划,在每个版本的需求分析阶段就要搜集包括视力障碍用户在内的各种用户的使用需求,在设计阶段就要做好无障碍化的设计。更重要的是,在测试验收阶段,就要引入视力障碍测试专家对软件进行测试验收,就算我们无法在短期一两个版本内解决无障碍问题,也要把问题暴露出来在下一轮的版本规划、需求分析、交互设计的时候把它们考虑进去。 因此,经过对软件开发流程的全面审视以后,我们认为测试阶段是我们进行无障碍规范化的一个最佳的切入点。我们可以在常规的软件功能性能测试流程之外,并行的放置一个独立的信息无障碍测试流程,对于正在测试的版本起到验收的作用,对于下一个迭代版本,起到需求分析的作用。因此,今年初,我们公司和中国信息无障碍产品联盟的其他会员单位一起,通过技术和资金帮扶的方式,协助深圳信息无障碍研究会招聘建设了中国第一个全职的信息无障碍测试专业团队。这个团队的测试人员全部都由视力障碍工程师组成。 今年以来,我们已经有4个产品接入了信息无障碍测试流程,14个版本在无障碍测试团队中进行了全面测试,测试过程中测试工程师发现的无障碍缺陷全部直接提交到我们的软件缺陷管理系统中,和其他软件缺陷共同排期解决,设计和开发人员可以直接从缺陷管理系统中接受缺陷单子,评估工作量,修复解决,就不用再打黑工干私活了。并且修改的结果会重新进入开发流程进行回归测试,确保结果正确和没有带来其他的问题。 当然进行测试只是我们的第一步,距离产品的全面信息无障碍化还有很远,但是我们开始看到产品在发生一些微妙的变化,我讲一个小故事。 两周前,我们有一个产品团队的技术人员找我求救,说无障碍测试团队测试出的一个高级别的无障碍缺陷(重复焦点),目前的技术架构下暂时找不到解决方案,问我有没有办法解决,否则会造成我们的一个版本不能发布。 这是一件坏事,这同时也是一件好事。仅仅在一年前,我们还难以想象一个无障碍的缺陷能够影响到产品发布,而随着无障碍逐步向软件研发流程渗透,今天中国最大的社交产品已经会由于无障碍问题而影响了发布了。 也许再过几年,大家终有一天会都认识到,一个软件带着会影响上千万人使用的缺陷发布出去,才是更难以想象的。 再加一点点题外话。我们都知道,无障碍不能只局限在一个专业的小圈子里面做,需要唤起整个社会的关注,最好是让全社会都参与进来。今年,除了无障碍的软件开发流程之外,我们在唤起全社会对视障群体的关注上面,也做了一些有趣的探索。 我们在中国最流行的网络社交平台,微信上发起了一个Voice Donor活动,创造了一个机会让所有视力正常用户都可以贡献出自己的眼睛和声音,替盲人同胞读一段文字。 借助于微信庞大影响力和领读的名人多魅力,现在每天,全国各地的网友都在为我们项目贡献上万条声音,每天都有上千人通过这样的形式第一次亲身参与到我们无障碍事业中来。 我认为这个项目产出的最主要成果是一大批开始关心盲人的网友,但是这个成果我没办法带来,不过今天我带来了一些Voice Donor产出的CD,欢迎大家会后向我索取。 谢谢大家! 这个演讲的幻灯片和更多世界盲人联合会亚太区中期会议2014的资料可以点击这里下载

发表在 观点, 活动 | 留下评论

阿里信息无障碍,让盲人也能开网店

阿里巴巴对信息无障碍的推广和应用其实早已经在几年前就开始了。让盲人也可以顺利的使用他们的产品,顺利的开网店,购物,是很多阿里人的追求。 以下为2014年4月16日《钱江晚报》H0007版的报道 昨天中午午休时分,余杭淘宝城里热闹极了,18家来自全国各地的公益组织和13家阿里员工公益社区在现场搭建了展台,一场名为“JOY”大会的公益展览正在进行中。 乍一看公益展览,简直就是游戏嘉年华,每个展位前都提供小游戏,游戏胜利盖个章还能拿奖品,这样“玩”着就能宣传公益? 马云说过这样一句话,与其花5万元钱种500棵树,不如用这5万元钱花在让5万人、50万人知道砍树是不对的、知道去保护树,知道去保护我们的自然环境。我们在行动之前,必须先有意识。只有你热爱自然,才不会去破坏自然。“同样,这样低门槛、有趣的活动能最大程度让大家触碰公益、了解公益,从而唤醒大家的公益意识。”阿里巴巴社会责任部的曾飞说。 如果看不见,我还能上网吗 工程师组团,帮盲人无障碍上网 如果眼睛看不见,你还能上网吗? 在昨天的现场,有个特殊的体验环节——带上眼罩,上网买茶叶蛋。听着耳机里传来的快速的机械声“打www.……”,蒙着眼罩的记者仿佛来到了英语八级考场,完全听天书的感觉。悄悄掀开眼罩看一下屏幕,和耳边的声音一对照,汗,没有一个字是不认识的。 这么快的读音,盲人能听得懂吗?设摊的阿里无障碍改善小组组员说:“盲人的听力非常好,这样的语速,他们完全没有问题。” 很多人在体验后,写出了各种体验感受,贴在了展示墙上。码农们表示“Tab键出现太多”,而产品经理的建议写着“流程分类不够明确”。 这个阿里内部公益组织是由几个工程师自发组成的。“大概2年前,一位盲人投诉说,他没法上淘宝网买东西甚至开店。我们知道这个事情后,几个工程师自发组成小组,来做这个事情。”工程师小马说,其实无障碍读屏不是个很难的技术,只要在原有代码上多加一些东西,然后改善一下,就可以使用了。“我们这个小组平时都有其他业务,业余时间做一下,然后每周碰个头来改善一下程序。” 小马说,他不觉得这个事情是公益,“其实这是我们应该做的事情,我接触了盲人朋友,学习和他们相处,为他们未来上网做更多的事情,比如开店,比如让他们做程序测试,让他们和明眼人一样利用计算机,这个才是更应该做的事情。” 纸板搭展架,麻布做展板 公益秀的装饰都能废品回收 昨天的31个展台,虽然名称不同,但是大部分组织都和保护自然有关。 一眼望去,所有的展台都是清一色的硬纸板,展板则是用麻布做的。这些展台上的所有装饰,都可以废品回收。 工作人员还展示了一种纸张做成的直径15厘米左右的空心纸筒,“这是第六次再利用的纸筒了,专门从上海找来的,纸张重复再利用到这个地步已经是极限了,我们还在想,这一次利用完了它们,是不是还有其它可以利用的方式?” 在大自然保护协会展台前,各种动物的脚掌印印在地上,有5个脚趾的,有3个脚趾的,它们都是谁的脚印,反正记者是一个都没猜出。 亚种动物基金会的展台前,一只胸口有月牙的小黑熊正在笑嘻嘻地等人合影,“和黑熊拍照,也是变相的签名,期望停止活熊取胆。” 唛子爱心行动组的展台前,站着漂亮的美人鱼妹子。他们的主旨是通过关注钱塘江环境并在支流放流鱼苗(小鱼治水)的方式,来保护钱塘江生态。负责人挠头憨笑:“其实我们也带了一条胖头鱼,放在鱼缸里现场吃水草,可是问的人比较少;你看有个美女站台,问我们到底是做什么的人就多了。” 100多位义工报名 成立2个月的顺风车队搞大了 同样有美女站台的展位,还有阿里顺风车展位。拿着大喇叭的男士大声吆喝:“来参加阿里顺风车队吧,有美女,有车坐。”看看展台,两个打扮精致的美女站在宝马车边,俨然香车美女的范儿。短短半个小时内,就吸引了100多个义工来报名。 阿里顺风车队成立不久,发起人“圆影”师傅有张娃娃脸。今年1月22日,本报报道过圆影在各个公交车站台搭载同事去上班,《每天去公交车站“揽客”,顺上苦等公交的同事去上班》的消息通过报纸和来往传播开后,原来只放在圆影车前的牌子“阿里巴巴员工,去淘宝城免费”,开始批量生产。顺风车队成立后,200多名员工的车上都有了这块牌子。 “还有公司高管也在带同事上班呢。”圆影说,他也没有想到自己的一个举动有这么多同事认同,想当初自己还被当成过黑车司机呢。 “我们未来会统计一下,哪些车站最能搭载到同事。”圆影说,“我们期望未来车里都能搭载满员,这样才会更环保吧。”

发表在 活动 | 留下评论

世界盲人联会亚太区中期会议2014

世界盲人联会亚太区中期会议2014由香港失明人协进会主办于2014年11月21至24日在香港数码港道100号数码港3座举行。本次会议的主题是“切实享有权利:第三个亚太区残疾人士十年(2013-2022)”请到官网进行报名:http://wbuapga2014.hkbu.org.hk/b5_news.php 在此欢迎各界关注残障事业的人士参加,大会官方语言为英语,并会于各全体大会中以广东话及普通话作实时传译。 已知的演讲嘉宾为: 万维网联盟 – 无障碍网页专案总监Judy BREWER女士 「黑暗中对话」创办人Andreas HEINECKE先生 联合国亚洲及太平洋经济社会委员会社会发展司司长Nanda KRAIRIKSH女士 「 凸字无国界 」及「Kanthari」创办人及总监Sabriye TENBERKEN女士 届时中国信息无障碍产品联盟将会将会议热点与嘉宾的观点与您一起分享! 相关组织介绍: 世界盲人联会是一个国际组织,拥有190个成员国,代表2.85亿盲人和弱视者。联会凝聚了各国主要的视障人士自助团体及为视障人士提供服务的机构;作为联会机构,世界盲人联会经常就有关失明与视障的议题与各国政府及国际机构对话。 世界盲人联会辖下共有六个分区,每区均有理事会,关注区内会员国的需要。世界盲人联会亚太区便是其中一个分区,有二十个成员国家及两个成员地区的视障人士自助组织和视障人士服务机构。世界盲人联会亚太区每两年开会一次,分别于每四年一次的世界盲人联会大会中举行以及其后两年于亚太区一个主办地方举行中期会议。 世界盲人联会亚太区中期会议2014将提供机会了解区内失明人士面对的问题并探讨解决方法。会议将讨论教育机会、信息通达、就业及社会企业。另外,会议期间将展出最新的视障人士辅助仪器。 香港失明人协进会成立于1964年,是香港首个由视障人士组织及管理之自助团体,致力发挥视障人士的自助及互助精神,宗旨是实现视障人士的平等、机会和独立。 数码港由香港特别行政区政府全资拥有,并由香港数码港管理有限公司负责管理。基本建设包括四座甲级智能型写字楼、一幢五星级酒店、零售及娱乐中心和优质住宅部分,为约百家信息科技公司及过万的专业人才,缔造一个富启发性及促进创意交流的优良环境。

发表在 活动 | Comments Off on 世界盲人联会亚太区中期会议2014

全球共庆万维网诞生25周年——为每一个人服务的万维网

“我相信我们能够建造一个真正为每一个人服务的万维网,一个让任何人在任何设备上都能便捷实用的万维网,一个给予我们力量去实现我们的尊严、权利以及潜能的万维网。” 2014年3月12日,全球亿万用户与Tim Berners-Lee爵士一起庆祝万维网诞生25周年。为了纪念这一时刻,我们邀请您在社交网络上通过#Web25#这一话题分享您关于万维网25岁生日的寄语。我们会选取部分生日贺词发布在万维网25周年庆典官方网站webat25.org的虚拟生日贺卡上。 Tim Berners-Lee爵士与其发起的两个组织 —— 万维网基金会及万维网联盟—— 呼吁大家在2014年行动起来,保护并加强开放的万维网。 回想在2012年伦敦奥运会开幕式上那一条著名的微博“This is for Everyone”, Tim Berners-Lee爵士说,“万维网十几亿的用户才是推动万维网发展的根本力量。我希望大家能和我共同庆祝这个伟大的里程碑式的时刻。同时,我也希望万维网25周年庆典能够引发保卫万维网顺利发展的原则的思考与讨论,并尽可能的激发万维网的全部潜能。我相信我们能够建造一个真正为每一个人服务的万维网,一个让任何人在任何设备上都能便捷实用的万维网,一个给予我们力量去实现我们的尊严、权利以及潜能的万维网。通过#Web25#这一话题,告诉我们你对万维网的梦想吧。” 自1989年万维网技术首次提出以来,万维网深深的改变人类社会的通讯、创新以及合作模式。万维网打破了地理和社会分化的鸿沟,全球每五人当中就有两名是通过万维网连接起来的。在万维网上的每一分钟里,平均有亿万条信息在大众之间传递,人们分享两千万张照片,并交换价值一千五百万美元的商品和服务。万维网成功的原因可以追溯到它最初的设计理念,即万维网作为一个去中心化的系统,具有任何人都可以参与贡献的开放架构。 然而,万维网作为一种协助人类的工具,其潜能还没有被完全释放。甚至如果其面临的主要挑战不能被妥善处理,万维网的作用甚至会发生退步。从2014年开始,Tim Berners-Lee爵士希望与全球广大万维网用户、相关行业以及政策制定者共同协商讨论万维网目前遇到的诸多问题: 目前世界上还有60%的人口不能享受万维网带来的便利,我们如何才能让他们也能便捷的访问万维网? 互联网管控在全球范围内日益升级。什么样新颖的、包容性的解决方案才能避免这种管控给互联网带来的分裂? 我们通过万维网发表意见以及组织活动的能力可能会受到审查和监控,并且我们的在线安全受到网络犯罪的威胁。我们如何才能满足人们对保护在线自由、安全及隐私的需求呢? 放眼全球,只有不到10%的政府向在线用户免费开放了数据集以便这些数据被再次使用,这极大的约束了万维网上的创新活动,例如通过万维网技术改善公共交通以及反腐败。什么样的举措能够解锁并释放这些开放数据的真正价值呢? 开放万维网平台(Open Web Platform)必须能够向更多行业延伸,以满足这些行业对万维网跨设备跨平台的互操作性、移动性以及性能表现的需求。我们应该如何应对这些极具多样化的工业需求? 我们如何才能打造一个富有创造性的多样化万维网生态系统,而不是彼此分裂隔绝的贫瘠花园? Tim Berners-Lee爵士憧憬道,“在接下来的25年里,我们应该继续追寻的是,万维网为人人,人人为万维网。”千里之行始于足下,从现在做起,我们邀请您加入如下的活动: 在社交网络上以#Web25#为话题发表你对万维网25岁生日的寄语,并光临万维网25周年庆典官方网站 在2014年3月12日,格林尼治时间19:00与Tim Berners-Lee爵士一起参加Reddit Ask Me Anything 加入万维网基金会联合主办的 我们想要的万维网活动(Web We Want Campaign),了解如何参与本地区保护万维网用户权益的活动和信息 参加(观看视频直播)或关注2014年10月29日在美国加州圣克拉拉举办的 W3C … 继续阅读

发表在 活动 | 留下评论

2013年PC屏幕阅读器用户浏览资讯数据报告

本文由 rockywen撰写、中国信息无障碍产品联盟发布,转载请注明出处。 明天就是蛇年的腊月三十,给大家拜个早年,祝大家马年万事顺利。 在过去的365天中(2013年1月27日 至 2014年1月28日),我们利用百度统计进行统计和分析这一年当中的屏幕阅读器用户浏览资讯的一些基本数据。 共统计49万9406人次。最受屏幕阅读器用户喜爱的内容前三类分别为:时政新闻,占34.23%;娱乐新闻,占31.67%;新闻评论,占27.23。这三大部分共占整个内容的93.13%。 用户分布在中国34个省,直辖市,自治区和特别行政区。用户地域分布前十名:广东、江苏、上海、四川、北京、湖北、云南、河北、山西、山西。后五名(由后至前)分别为:澳门、西藏、香港、青海、台湾。 浏览器终端方面,桌面浏览器占97.953%,移动浏览器占比2.047%。桌面浏览器中,前五名分别为:IE8,占69.30%;IE6,占25.10%;chrome,占1.60%;IE9,占0.83%;QQ浏览器,占0.54%;IE系列在屏幕阅读器用户中依然是不可撼动的地位,这取决于它继承在OS中的先天优势以及屏幕阅读软件支持完整的外围环境。移动浏览器本身占比不大,其中前五名分别是:其他、Android Webkit Browser、UC浏览器(其他)、Opera移动版、Safari移动版。由于统计的是PC屏幕阅读器用户的数据,所以这里就不计算移动端的各个浏览器占比了。感兴趣的可以留言。 最近三月访客属性,男性占比54.56%、女性占45.44%;10到19岁用户占比3.09%、20到29岁用户占比:37.67%,30到39岁用户占比40.46%、40到49岁用户占比16.43%,50到59岁用户占比近乎0%;学历方面,本科及以上占比55.2%、大专占比20.8、高中占比19.6%、初中占比4.4%、小学近乎0%。对于如何统计的学历,本人没有猜到百度统计是依赖何种信息进行的统计,只能本着相信百度强大的份额和云的态度来看待这些数据。 整个数据采集过程、方法以及采集范围仍有很大的提升的空间。有对寻找无限接近真实数据感兴趣的朋友请联系我,我们大家共同寻找一些列的统计方法,使数据更加客观,为中国的信息无障碍事业贡献一份力量。

发表在 活动 | 留下评论

招聘信息无障碍测试工程师

在腾讯公益慈善基金会、浙江敦和慈善基金会、广东省与人公益基金会以及残友集团的共同支持下,深圳市信息无障碍研究会成立一支由视障人组成的、专业的信息无障碍测试团队。 这是中国第一次招募信息无障碍相关的职位,且只面向视障应聘者。 视障人士软件产品测试将是一个全新的创新就业模式,视障人士将从按摩(劳动力)就业往高科技互联网就业迈进。我们期待您的加入。 岗位名称:信息无障碍测试工程师 招聘人数:2人 招聘对象:盲人 工作地点:深圳市 工作性质:全职 应聘要求: 1. 愿意在深圳就业; 2. 已经能够熟练使用电脑和智能手机; 3. 愿意服从上级管理、遵守工作规章制度; 4. 试用期2个月,试用期内能够适应工作方可转正; 5. 有计算机编程、软件工程、软件测试相关背景或经验者优先。 6. 生活能自理。 薪资待遇: 1. 免费包吃包住,集体食堂伙食营养卫生、集体宿舍环境条件优良; 2. 薪资福利包括,基本工资、职位级别补贴、业务奖金、社会保险等,具体面议; 3. 工作之余各类活动丰富,大量机会与社会各界接触; 4. 有固定上下班时间、周末及国家法定假日,除非特别忙碌,个人可支配的时间很多。 有意者请于2014年2月11日之前,将个人简历及个人照片,发送至:hr@siaa.org.cn 。 有疑问请咨询:揭华妹。电话:13728628250  0755-83597182。

发表在 活动 | 留下评论

UAAG 2.0用户代理无障碍指南最终意见征集

W3C的用户代理无障碍指南工作组(User Agent Accessibility Guidelines Working Group,UAWG)工作组,发布了用户代理无障碍指南UAAG 2.0(User Agent Accessibility Guideline)的工作草案。 该工作草案主要针对于Web浏览器、媒体播放器、辅助技术和其它用户代理,它向开发者和使用者解释了浏览器、媒体播放器及其他用户代理程序应该如何支持残障人士获取信息,并提供相关辅助技术。在草案中也提供了一组基于UAAG的移动互联网信息无障碍的案例,解释了移动终端上的Web浏览器如何借助 UAAG为残障人士提供帮助,案例参考。 UAAG 1.0 在2002年12月被批准发布,目前是一个稳定可参阅的版本。当前的 UAAG 2.0的开发,是为了让未来的浏览器、媒体播放器及用户代理更具有无障碍特性,并提出进一步的要求,它基于用户技术和平台提供替代信息,并且结合了 WCAG 2.0(Web Content Accessibility Guideline, 网站内容无障碍指南)和 ATAG 2.0 (Authoring Tool Accessibility Guidelines, 编辑工具无障碍指南)。 为了让UAAG 2.0标准更有公正性和公开性,我们将面向公众开放评论及测试,我们准备了在线文档—如何实现UAAG 2.0指南,它将帮助您更好的明白UAAG的特性,如果您对英文文档阅读有困难,您也可以在本社区的 wiki 站点下载指南条目翻译版本,该文档有助于您对实施文档的理解。 欢迎您用以下的方式提交评论及测试。 登录W3C中国信息无障碍社区小组站点,在相应的文章上提交您的评论及实施; 登录中国信息无障碍产品联盟站点,在相应的文章上提交您的评论及实施; 订阅中国信息无障碍社区小组邮件列表,以邮件方式提交您的评论及实施; W3C将于近期在北京组织研讨会,讨论UAAG 2.0,欢迎您届时参与,具体时间及地点,请订阅中国信息无障碍社区小组邮件列表获知。

发表在 活动 | 留下评论

Judy Brewer:创建一个无障碍网络/Building an Accessible Web

2013年11月10日,深圳保利剧院,腾讯WE大会上,Judy Brewer在大会上分享《Building an Accessible Web》,附文本字幕(文本字幕与视频字幕在某些专业名词上的翻译有细微不同),先介绍一下世界信息无障碍领域的重要人物之一——Judy Brewer。 Judy Brewer,万维网联盟(W3C)技术无障碍技术领域负责人。负责万维网联盟(W3C, World Wide Web Consortium)技术无障碍(WAI, Web Accessibility Initiative)技术领域的活动。她的工作包括:确保万维网技术可以为残障人士使用;为网页内容、浏览器、媒体播放和编译工具建立操作指南;提升现有资源为网站进行评估和维护;为W3C开发Web信息无障碍化的教育和推广资源;并参与未来网络信息无障碍化的研发。 她负责W3C技术无障碍政策和标准相关事宜的联络,与全球组织一道致力于Web信息无障碍理念的普及和实施,并促成行业、参与社区、无障碍技术研究者,以及政府对信息无障碍解决方案达成共识。Web技术无障碍(WAI)标准和指南为全世界政府和机构所使用,保证了每个人融入信息社会的平等机会。 Judy 是麻省理工学院计算机科学实验室的科研人员。在加入W3C之前,她开创性地倡导残障人使用辅助技术、获取主流信息和接触通信技术。她拥有管理、科技写作、教育、应用语言学和保护残疾人权益方面的丰富经验,在信息交流和通信技术方面获得相关奖项。 今天,无论你是谁,无论你在哪里,通过网络你随时可以自由的链接与任何人合作和分享。 你们好,感谢大家光临,我想和大家聊一聊如何能让残障人士使用网络,如何让网络为每个人更好的服务,为各种通信和信息及技术的普及奠定基础。 世界上有10亿人有严重残障,这个数据来源于2011年世界卫生组织的报告,也就是说,地球上每七个人当中就有以为残障人士,如果网站设计的不合理,许许多多的人就会遇到障碍,同时,网络产品和服务的设计也是一个很大的市场,一些国家是有硬性要求的,政府在采购信息技术的时候,必须选择可供残障认识使用的产品,美国在这方面估计有几十亿美金的市场,欧洲也有同样规模的市场,因此开发信息技术产品的时候,很有必要考虑无障碍的问题。世界上有十亿残障人士,都期盼能在网络上进行学习、工作和娱乐,他们也希望能够参与到信息社会中。 作为世界网络联盟(W3C)的一名工作人员很高兴看到的一点,是Tim Berners-Lee(爵士,万维网联盟(W3C)创始人和领导者)提出的“网络为每个人所有”的愿景,在这合格具有包容性的网络愿景下,残障人士能够介入技术开发的阶段,网络完全可以支持各类残障人士的需求。我们一定要进行这方面的考虑,我们需要的技术应该能够支持盲人、聋哑人、缺乏运动能力的人士、协调能力欠缺的人士、技术还应该能够支持语言能力不佳的人士、没有语言能力的人士、有沟通和记忆问题的人士。而且对于某些人士,不能采用突然闪动的屏幕,因为这可能会引起癫痫。即使对于多重残障的人士,技术也是可以支持他们的需求的,技术还应能够支持老龄化的需求,因为随着年龄的增加,人们会遇到,轻微的行动不便,特别是在平均年龄不断上升的国家,这是市场要考虑的重要方面。 无障碍设计,其实是为了适应更多的人体需求,包括普适性的设计,或者说适用于所有人的设计,设计不能支持各种不同的需求,这种说法是不成立的。有时候非残障人士也会遇到暂时的不便,那么他们要怎么办呢?例如,日光照射在手机屏幕上,就很难看清屏幕上的内容;又比如,在嘈杂的环境中,很难听清电子设备的声音,还有在开车的时候,是不能用手去打字的;以及分神以后,需要提醒才能记起事情。无障碍、普适性的设计可以解决所有这些问题。 网络已经进入大众的生活,网络已经成为获取新闻和信息的重要途径,也是线上学习、求职的入口。任旻通过网络来了解身边发生的事情,还通过网络来参政议政。网络是医疗体系的载体,是联系医疗机构的途径,是人们联系朋友、观看电影、玩游戏的途径。作为残障人士,我们需要所有这些功能,根据联合国的一项条约,我们是有这个权利的。 在2006年,联合国通过了《残疾人权利公约》。公约中有两项条款是关于信息无障碍的。其中一项权利是应该保证残疾人独立生活的能力,以及充分参与社会各方面活动的能力,包括获取信息以及沟通。另外一项权利是与他人平等地自由的表达观点,包括信息和无障碍技术。 这是截至今年三月世界上计入了这项公约的国家,现在已经有158个国家签署了残疾人权利公约,世界上大多数国家都已经签署了这项公约。这是联合国历史上签署最快的公约之一。 G3ICT,即“信息和通信技术普适性国际组织”。它的功能是跟进公约在各国的实施情况。该组织2013年公布的数据显示:对于残障人士而言,在他们的生活中,网络已经成为其社会和经济活动的动力。信息技术是其中影响最大的,因此,信息和网络技术可访问性以及改善最基本和最重要的一点,就是网络的可访问性。 W3C,即“国际网络联盟”是一个独特的组织。联盟研究如何提升可访问性。从设计阶段开始,联盟就致力于提升可访问性。这根当前技术开发的流程非常不同。一般来说,在技术的开发阶段是不考虑残障人士意见的,这就意味着,大多数的技术,在投入日常使用以后必须再进行修改才能满足残障人士的使用需求,这样成本很高,可访问性也不理想,而且花的时间很长。W3C通常的做法则是残障人士和可访问性专家跟W3C核心网络技术设计师一同合作。 W3C正在开发的一项主要技术是一个完整的平台,这是一套免费的网络标准。它使得各种设备之间可以进行多样化的互动,并且提供接入数码设备、医疗体系、数据出版等等多个领域的途径。这些能实现的原因是开放网络基于HTML5核心技术,这个技术应用于各种设备,包括手机、平板电脑、台式机、电子书阅览器、游戏机、电视、录像机。 所以网络可访问性计划是W3C工作的一部分,我也参加了这个工作。我们与W3C所有技术的开发者合作。我们工作的基础是要保证W3C所有标准都支持无障碍设计,并且在必要的时候开发新的可访问性标准,我们还开发可访问性指导原则,针对于可访问性的评测、制定以及研究和开发。我们也开发出了一套资源。我们的重点是标准的兼容,因为这能加快可访问性的进度,也就是重点去协调全部的可访问性解决方案。同时,我们制定了教育和外宣的材料。我们的核心是“可访问性指导原则”。 在这里我大概介绍一下。这些原则“可访问性指导原则”。首先,把网络想象成一个虚拟的空间,一方面我们有负责开发的工作人员,他们使用开发工具以及评测工具来创建网络内容,另一方面我们有用户他们使用浏览器、媒体播放器、便携式设备,有些人还会使用辅助技术,也就是残障人士需要的特殊的辅助技术来接入网络内容。这一切的基础就是技术参数。参数是支持无障碍设计的。 我们有三个相辅相成的原则,第一个是针对于针对网络可访问性的,第二个是针对开发工具可访问性的,以及针对用户界面的可访问性。因为即使作为残障人士,我们也应该能够创建网络内容。第三个是针对浏览器、媒体播放器以及便携式设备的。它们之间,通过技术都是可以互相操作的。 在多年的可访问性原则开发项目中,约翰.司雷登,他是工作小组的老师。其中一段时间,他生了重病,当时只有很少的时间去寻找治疗方法,那个时候具有可访问性的医疗网站数量很少,于是约翰利用网络可访问性原则来呼吁这方面的改进,希望籍此帮助他自己以及他人获得医疗信息。当时他还希望写博客来讲述自己的故事,作为一个身患疾病的盲人的故事,但是当时的博客软件不具有可访问性,因此他又利用开发工具可访问性原则呼吁人们关注网络内容开发的可访问性。 我们在回到可访问性原则上来,其中一个核心原则就是网络内容可访问性原则,我们 称之为“WCAG2.0”。要使信息具有可访问性需要遵循四个原则。一是信息必须是可感知的,二是信息必须是可操作的,三是信息必须是可理解的,四是信息必须是健壮的。大家听起来会觉得比较抽象,我来详细地解释一下。 首先,可感知的信息,如果有一幅图、一个复杂的图表、一个视频,盲人是看不见的。那么我们就需要为这个内容制作一个文本的表达方式,如果是一个音频,那么我们需要给它加上字幕,这样才能适用于失聪人群。因此创建内容的时候,需要采用多种不同的形式,来表现内容,因为你无法预测需要了解内容的人群,他们的需求是怎么样的。如果有图像的内容,那么应特别注意对比度的问题,这样人们才能很容易地看到和听到信息。 信息的可操作性,就是要有各种操作模式,比如键盘、还要考虑到使用便携式设备的情况,应该采用独立用户界面,来保证界面的可访问性,另外要保证用户有足够的时间来阅读一项内容。一个例子就是,你在填表的时候,还没填完,表就消失了,因为你填表的过程中,要去查一些资料才能继续填下去,因此留出足够的时间是很重要的。还有不能采用闪动的内容,因为对某些人士而言,这会引起癫痫的发作。另外要合理引导人们去找到他们需要的内容,这种方式更简单好记。 下一个是文字的可读性和可理解性,属于可理解性原则的内容。对于某一个话题,不要使用过于深奥的词语,应该使用可预见的方式,这样才有助于理解和记忆。应设法避免用户出现错误,还有帮助他们修正错误,还是同样的例子,填表。你填错了一个地方,如果不能返回去修正错误,那就太不合理了。这些都是实实在在的设计,可以帮助到用户的设计。 然后我们讲信息的健壮性,内容与未来的兼容性。创建网络内容的时候,应该采用能与未来技术兼容的方式,以及能与残障人士辅助技术兼容的方式。 … 继续阅读

发表在 活动 | 留下评论

刘楠:创新信息无障碍化互联网,平台力量打造绿色品牌

本文是腾讯公司技术合作总监(时任)刘楠在2010年11月4日第七届中国信息无障碍论坛做的演讲,虽然是3年前的演讲,但是现在看来任然有很多可以学习的地方,同时此次演讲也客观的反映了腾讯公司在信息无障碍领域所做的贡献和思考。以下是讲稿: 谢谢主持人! 今天早上我过来一直在学习各位专家在无障碍化的技术和分享,包括对一些社会学的分享。在这里,我谨代表腾讯公司,我们是一家做互联网服务的提供商,向大家介绍一下我们的工作,包括我们在这个工作之中,对无障碍化的认识。 我的演讲主题是“创新信息无障碍化互联网 平台力量打造绿色品牌”。首先说一下腾讯公司的愿景,腾讯公司的愿景是通过责任关怀,全方位关注特殊群体的需求,分阶段帮助听障人士和普通人一样,享受无缝链接的“一站式在线生活”。 我们的开始是这样,因为腾讯有一个非常家喻户晓的国内产品叫QQ,最早QQ的2008年采用了最传统的Window的技术,当时对盲人读屏软件的支持能力比较强。随着我们技术的进步,有一个很大的版本,让效果更加绚,效果更加好。但是那种技术和传统界面技术有很大的区别,当时读取窗口的信息和Tool WTips信息,对读屏软件的支持度稍弱。一个普通员工发现这个问题,当时给到我们的总裁CEO、 CTO,还有几个EVP的邮件。 这里面讲一下这个邮件的内容,他是这样讲的,说新年好!我最近打球腰有点小伤,和太太去了一家盲人按摩店,他发现一个很有趣的事情,发现盲人师傅都有电脑,而且用读屏软件,他们可以通过搜索,方便找到相关信息和浏览网站。他特地注明一下,他说他太太最关心的是他的Baby,刚好两个师傅都有一个小于1岁的小孩。我们从他们知道了好多母婴的网站。我接触的两个师傅一个20多,一个30出头,问他们用不用QQ,我非常惊讶他们都用都有QQ号。问他们有什么问题,有趣的是,他们担心新的2009版本会有校验码无法登陆,他们想升级,但是一旦升级到显得QQ版本以后,包括界面,包括读屏软件的支持又不好。 这个是员工自发的对公司管理层需求的软件。2010年3月份,有一名普通的视障用户给我们的创始人发了一份邮件,这个邮件非常清楚,说电脑、网络和各种应用软件就像是盲人的眼睛,为处于黑暗中的盲人群体打开了一扇光明的大门。但是这些新技术的应用,让软件的操作界面越来越美观,但是也给广大的盲人用户带来很大的障碍。 这个邮件也牵住了腾讯公司大家的心,盲人是我们原来做互联网的产品完全不了解的群体,我们开始就想,视障用户他们在使用QQ的时候遇到什么问题,以及他们如何使用QQ,最后想到他们在用QQ到QQ遇到问题到他真正的需求是什么样子。当时我们做这些事情的时候,是有一定的困难,而且我讲了,这些困难现在还有,但是也不断的在跟我们的用户学习,包括跟在座的专家学习,我们不断在克服。 困难第一,视障用户的需求很难确认,我们做产品无论是开发人员也好,产品经理也好,对视障用户的群体不了解,我们就很难第一时间确定他们的需求。 第二个困难,我们也不知道用户在哪里,他们需要什么,他们用QQ哪些地方是最困难的事情。我们作为一个商业公司来讲,我们的团队,尤其是研发团队,当时很难评估工作效果。比如说我们开发一个产品,使用QQ的视障用户群体有多大,我们怎么去做用户研究,我们要做用户调研,怎么去做,我们怎么接受反馈信息,这些都是当时的困难。 当时我们也得到了政府部门,包括盲人协会,包括盲文出版社的帮助。这里我们做了一些行动,这是我们当时做用户调研的图片,我们在一个深圳福田按摩院,包括深圳图书馆一个盲人阅览室,包括我们的产品经理亲自去视障用户的家里面,我们一次又一次的走访他,我们做CE,去问他的需求到底是什么情况。 这里面只是一个很小的案例,当时我们在做一个事情时候的一个判断。小小的案例跟大家分享。当时因为QQ作为一个即时通讯软件,有一个验证码的问题,验证码是出于安全的考虑。什么时候会出现验证码呢?比如用户这次登陆跟上次登陆的IP地址不一样,比如跨省登陆,或者他的帐号存在一些异常行为,或者他的IP被封杀,还有一些被攻击的网址。这些都是读屏软件很难读出来的,有的时候明眼人都要看一下是1还是I。我们是一家技术型的公司,最开始我们想用语音的验证码方案,也是联系了很多公司去问,但最后的评价是,因为自动的语音识别现在的成功率比较高,验证码如果语音化,就会出现安全隐患。从盲文出版社获得联系,沟通,也有一个白名单的免验证方案。我们把盲人朋友的QQ号放在白名单的机制里面,我们分个案跟批次处理。这是一个手工方法,通过这个手工方法,我们也记录了2000多个手工白名单。这只是对验证码方案的一个简单介绍。 后面我还会介绍,我们也通过一些技术手段,增大了白名单。这个白名单是我们手工的白名单,另外还通过我们的技术方法,去扩大了白名单的范围。 经过一些工作,这里是我们目前做到的,设计的产品有即时通信平台,包括QQ邮箱,包括QQ空间,还有腾讯微博。这里做了几个工作,第一个是完善了验证码的策略,第二个QQ上解决界面元素的识别,第三推出了简洁版的QQ邮箱,提供了简洁版的Qzone服务。 通过后台建立数据模型,分析用户行为,自动甄别盲人QQ号。通过半年的努力,白名单从手工的2千增长到4万,并且实现持续更新。QQ后台是跟腾讯所有业务自动同步的,这样的话,验证码不光是QQ产品,腾讯公司所有相关产品只要进入这个白名单,都会实现完善的验证码策略。 在我们的QQ上,解决了界面元素的识别。比如说我们在2010版正式发布的时候,当时我们是以主流的读屏软件,比如像国内的阳光、永德同时发布。包括昨天还在跟几个读屏软件的公司提供我们的拦截函数、API接口,让QQ每个版本出去的时候,读取文字的方案能够跟国内的主流读屏软件实现持续的沟通。 还有一个成果是我们的Qzone,Qzone也是国内最大的博客社区。今天在座的有Qzone技术负责人,昨天跟他聊,我们这位同事是从深圳总部过来的,他明天也会给我们北京的同事,因为大家知道北京有腾讯网,有搜索,包括无线,有很多的团队都在腾讯北方总部,会给北方总部的技术跟开发的前台人员做相关的培训,介绍他们在Qzone这里面的一些成果。 这里是我们现阶段推出了简洁版的Qzone,简洁版的Qzone跟普通的Qzone实现了对读屏截取更好的支持。对于QQ邮箱的支持,推出的简洁版的QQ邮箱。这个QQ邮箱做完以后,口碑还是得到了很多盲人用户的认可。 我们也觉得很高兴,我们做的能得到盲人用户的认同和理解。这里是2010年7月,我们的一个视障用户给我们的肯定,文字很多,比如说我们的“网明行动”全面启动,让我们欢欣鼓舞。盲人讲,让我感到无比激动的是,仅仅过了两个月的时间渺茫的愿望实现了。而且当知道腾讯派专人为我们开发盲用QQ的时候,他激动的把这个消息第一时间告诉身边的朋友,他们的喜悦之情溢于言表。 这里是一些微博的反馈,大家可以看到,这是我们在腾讯微博里面的一个截图,这也是给我们CEO马化腾拍的像,他上面讲说今天很高兴和盲人按摩师朋友说了QQ2010又支持读屏软件了,一年前他告诉我2009版不支持读屏软件的,只好用08版。他感谢即通,他的电脑没有屏幕,只有电脑和耳机,说感谢我们给他带来了欢乐。 我们认为这些工作只是刚开始,这个工作是一个持续完善,而且我觉得尤其是这两天参加无障碍的会,我们感觉到我们的责任跟我们应该做的实际上还是应该更多的。这里是对后续产品策略的大致介绍,我们会对读屏软件支持,在QQ上,会调整功能优化区导航,定义一个黄金流程,比如说读屏的截取屏幕区域的跳转,这个逻辑怎么设计。这是我们在设计产品的时候的一个逻辑图(PPT)。 我们也即将推出的版本,会以人为本的原则,为视障用户从细节处来体验问题。比如说我们提供了焦点可读,视障用户通过移动焦点,就可以获得焦点的位置。 为界面的提示语无障碍化做了一个统一的规范。这里是在当时产品设计时候的一些逻辑框图(PPT)。昨天也在这个会场跟我们Qzone的同事那里得到Qzone那边的信息,Qzone提供一个简洁版的空间,现在普通版的QQ空间对读屏软件有一个更好的支持。现在QQ空间有一个“说说”,你可以发一两句话,这个“说说”可以同步到QQ签名上。目前做的比较好的体验是在QQ空间的“说说”上。 我们认为这不是我们的终点,是后面要做的。为了实现我们的愿景,我们的工作计划是,我们希望对无障碍的支持在内部形成标准化、流程化和个性化。标准化是说,我们正在摸索一套无障碍化产品的规范标准,定义完以后,会将腾讯公司所有的产品进行推广。 流程化是指,我们将与用户研究的同事一起讨论一套与视障用户长期保持沟通的流程,使得产品精力与视障用户典型代表进行经常沟通。个性化是指,我们会后续深度挖掘专注视障用户功能优化,以满足视障用户的不同需求。 在此也很感谢大家对腾讯QQ包括我们所有产品的支持。谢谢大家!

发表在 活动 | 留下评论

关于网站无障碍测试——第七届webrebuild北京站分享

郑重声明:本人的观点和言论只代表本人,不代表所在公司的观点。很多网站的信息无障碍还不如12306.cn,借铁道部网站只是当时客观条件所致,仅仅用于学习交流,没有任何贬义。 分享时间:2013年11月9日 第七届webrebuild年会北京站 地点:希格玛大厦B1小礼堂 相关扩展阅读已标注在讲稿相应的位置。 以下是争渡读屏杨永全老师对一些问题做出的更加全面的解释,对理解视频和讲稿中的内容起到了很大的帮助作用。 “关于光标键访问到表单元素会读出name或者id的问题,这个是当表单元素没有label关联的时候会去主动获取他的name或者id,这样至少能大概知道是个什么类型的表单元素。 关于iframe的访问,光标默认是不进入iframe内部的,这涉及到光标键访问的一种处理方式,对于html元素是否自动进入他的内部,如果自动进入就能直接读出里面的内容或者光标继续访问 里面的元素。对于iframe默认不进入,需要通过tab导航进入内部或者用字母m进入内部。 关于光标访问table的问题,争渡读屏是个缺陷,因为没有针对table做具体的优化处理。nvda会有专门的一组快捷键访问table。 对于表单元素的访问,还有一种快捷的按元素访问,比如字母e到编辑框,x到复选框。” 原定讲稿:(与现场有细微差别,不过不影响了解无障碍的相关内容) 谢谢主持人! 为了这次分享,算上这个ppt,前后做了三版。第一个版本介绍了自动工具测试和读屏软件测试方法。(《开发和测试访问无障碍的Web应用》、《轻松检查网页无障碍》)第二个版本介绍的是做无障碍测试时候需要校验的15个方面。但是呢,自己都不满意。我想单纯的介绍知识点,还不如还原一下我在实际给网站做无障碍测试的过程中发现的无障碍问题以及如何做的优化,这样大家更容易效仿。在这个场合中,如果用我们腾讯自己的产品做案例,显得有些自己给自己揭短,如果用其他的公司的产品,还害怕被大家转到微博或者微信上,从而引发不可控制的状况。我想了半天,终于让我想到了一个网站,就是铁道部的订票网站,12306.cn。不过我还是想强调一下,借用这个网站主要是为了探讨无障碍测试,没有任何贬低的意思。 在做正式的分享之前,首先简单做一下自我介绍,2012年6月26日,腾讯信息无障碍产品同盟会建立,以此来推进腾讯产品的无障碍化,我作为腾讯网无障碍的负责人加入这个联盟和其他产品线的负责人一起推动这项事业的发展。同时,我也是中国信息无障碍产品联盟的作者和管理员。大家可能觉得这个联盟名字好像很山寨,其实这个联盟还是比较有背景的。 经过近一年的紧张筹备,就在后天11号下午三年,深圳的五洲宾馆长江厅,将会召开中国信息无障碍产品联盟成立仪式暨新闻发布会。联盟是在W3C和工业和信息化部电信研究院的支持下,IBM大中华区无障碍中心作为咨询机构,由深圳市信息无障碍研究会、腾讯、微软中国、阿里巴巴集团、百度共同发起的机构。欢迎大家到现场去参加这个仪式。 在开始还原我的测试之前,先普及一些网站无障碍的基础知识。网站无障碍的意思是,每一个人都可以访问网站,无论他们是什么样的硬件、软件、语言、文化、地域、物理或是精神能力。从定义的角度来看,无障碍是一个通用的设计,而不是单单的针对某一个或者某几个群体。他是一个通用的设计。 无障碍可以帮你扩大网站的受众范围,因为他们的目的就是让你的网站可以被所有人使用。另外他在很多国家也是法律规定的。关于信息无障碍最有名的一个法律案件是一个澳大利亚的盲人用户成功的起诉了2000年悉尼奥运会的组织者,起诉他没能创建一个可以访问的网站而且拒绝修改从而使他和其他盲人用户无法访问这个网站。 澳大利亚人权与平等机会委员会说:“悉尼奥运会组委会从来没有认真的考虑过这个问题,只有当听证会迫在眉睫的时候才做了尝试,以支持其拒绝投诉人的投诉,这既不足,也无法令人信服。”最终悉尼奥运会组委会被勒令支付20000澳元(约合11.8万元人民币)给这位盲人用户。 如果你所在的公司有幸接到这种国际性网站订单,而你恰恰负责这个项目,那么我建议你最好要做好这方面的知识储备并且告知你的领导,否则也许公司会在支付赔偿之后将你辞退。 无障碍也是一项基本的人权,在联合国的残疾人权利公约第九条中有详细的阐述。更多的关于无障碍的意义可以访问下面这个网址。 在各种用户中,网站对于盲人的障碍是最大的,所以我们当前的工作是尽快的针对盲人用户为网站做出无障碍的优化,我还要再次强调一下,无障碍是一个通用设计,只是因为盲人的障碍最大,所以我们当前的无障碍优化是以盲人为主。所以呢今天所分享的测试,也是以盲人为主。我国有1700万的视障用户,其中全盲人士为600万。下面我们通过一个视频来了解盲人是如何上网的,请大家注意看字幕,同时保持安静,想想盲人用户在操作上有什么特点?(《视障人士如何使用电脑上微博》) 现在我来讲讲盲人是如何上网的。 首先呢,盲人不使用鼠标来操作,因为鼠标是单纯依靠视觉的。 其次,盲人使用屏幕阅读软件来听网页。 盲人在第一次访问一个页面的时候,会从头到尾仔细听一遍,从而知道整个网页有什么内容。盲人通过两个按键来遍历页面上的各个元素。使用tab键可以切换可聚焦元素,而光标键可以切换所有元素。 无论使用tab键还是光标键,实际移动的是网页上的焦点。比如焦点现在移动到了一个h1上,读屏软件会去查看这个h1背后的代码,然后将标签本身带有的信息和内容集合到一起产生一个语音,就像这上面的三个例子。这里有一点需要强调,屏幕阅读软件阅读的是渲染之后的代码,也就是说他支持js产生的DOM。另外每个读屏软件在合成标签信息与内容的时候会稍有不同。 好了,无障碍基础的时候就介绍到这,下面开始还原我的测试过程。测试需要三个条件:键盘、外放设备以及读屏软件。在windows平台下推荐大家使用争渡读屏、在Mac下推荐大家使用voiceover。(模拟测试,《国际盲人节.腾讯深圳站》) 页面载入之后,第一时间读出了页面的title。如果你不标明页面的title,那么盲人是无法在第一时间知道当前访问的页面是不是目标页面。每一个网站的功能都有很多,所以每一次测试,你要有一个主要任务,而我这次的任务是测试购票的流程。 我开始按光标键准备将焦点移动到“购票/预约”的链接上。当我按了43下光标键之后,终于听到了“购票图形链接”。从阅读当中我分析,这个应该是一个带有alt=购票的img,img外边由a标签包含。所以他才叫做投票图形链接。在43次的过程中,我听到了很多图形链接的提示,这一定是因为img没有设置alt而导致的。这是一个比较严重的问题。而43次的按键才到了这个最关键的功能,我认为他严重的影响了盲人用户的效率。这种情况,我会将这个链接增加一个accesskey=2的属性,然后在body的第一个元素之前,添加一段文本,这个文本的提示是:按alt+2可以快速切换到购票链接。这样用户一进来,就可以听到这个提示,从而一下到达订票的链接。 点回车之后,到达了用户登录页面,但是读屏软件却告诉我这个页面的title是“铁路客户服务中心 客运服务”。我要不是亲眼看到这个页面是用户登录页面,我还以为是我访问错误了呢。所以这个页面的title是不合格的,可以修改为“用户登录 铁路客户服务中心”。从这我们也可以看出title的重要性。 当读完客户信箱之后,我再按一下光标键,直接到了下面的版权区域。中间最重要的部分被跳过了。我想应该是iframe造成的 。查看代码,果然,中间的部分是iframe。不过好在iframe使用Tab键可以访问到,但是作为一个普通用户,他不了解什么是iframe,他只能在光标键和tab键之前来回切换来碰运气,看看能否访问到全部的内容。但是我发现我还是无法访问中间的这个表单,我怀疑他的里面又嵌入了一个iframe。在这呢,我也建议大家,尽量避免使用iframe,他不但给可访问性增加障碍,同时对SEO也很糟糕。 没有办法,我只能暂时使用下鼠标,把焦点移动在登录名的位置,然后我在按一下光标键,听听对登录名的文本域是怎么样阅读的是否有辨识性。结果他读作:“loginuse.username可编辑文本”。显然对于这个input的name属性,他设置的并不合适,因为我们的母语是汉语。对密码和验证码的设置也有同样的问题。不过还好,这几个表单通过Tab还是可以辨识的。但是用户并不希望总尝试更换按键来碰运气。说道验证码,我想很多人不知道盲人是如何填写验证码的,因为验证码虽然是图形,但是我们不能给这个图片设置alt属性。现在有几种方式可以帮助盲人解决验证码问题,有语音替代方案,有把验证码发送给手机的方案,还有我们腾讯的白名单方案,以及使用争渡读图,将页面截图发给志愿者,再由志愿者把验证码内容发回给盲人。这些志愿者中,排名第一的已经为盲人解决验证码问题搞到9万次,如果有人也想为盲人做一些贡献,请会后联系我。 登录进去,进入我的12306界面,还是title不合理,中间用iframe的问题。另外还有一个问题,大家知道按光标键一个一个的元素去切换,这个顺序取决于各个元素所在的代码位置。从我的角度看,中间的系统信息的DOM顺序应该在左侧的个人导航之前。如果你是做门户网站,或者是比较复杂的界面,一定要注意这一点。还有左边这三个小红圈,每次读这个位置的是都要读成 图形链接,因为他把这个本应是css写的东西用了img。这是需要注意的一个问题,什么地方用img什么地方用背景,要注意。回车点击车票预定。 依然是title不合理,中间iframe导致光标键访问不到。按tab或者光标键,虽然在输入地名以及日期的时候,在出现的下来列表上可以利用上下键来调整地名和月份日期,但是没有任何的提示,以日期为例,无论怎么样选择都只是读20131107。所以大家在做交互的时候请一定考虑对焦点的管理,你移动的不只是样式,也要移动焦点到指定的位置,这样读屏软件才可以读出。对于各种控件的交互和无障碍实施方案,可以参考W3C相关的文档。对于出发时间的位置读屏软件仅仅会读12001800这种纯数字,对于这种内容,在代码的层面要标识完整的信息。 出现车次结果,依次阅读,先读了很多 … 继续阅读

发表在 活动 | 留下评论