月归档:2014 年一月

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%。对于如何统计的学历,本人没有猜到百度统计是依赖何种信息进行的统计,只能本着相信百度强大的份额和云的态度来看待这些数据。 整个数据采集过程、方法以及采集范围仍有很大的提升的空间。有对寻找无限接近真实数据感兴趣的朋友请联系我,我们大家共同寻找一些列的统计方法,使数据更加客观,为中国的信息无障碍事业贡献一份力量。

发表在 活动 | 留下评论

详解腾讯正文中视频区域的无障碍方案

在腾讯视频组件升级以前(你可以理解为中国互联网现在大部分的播放器还是在升级之前的状态),很少有人会去实现键盘对它的操作问题。作为第三方的页面(腾讯新闻页面),在正文中潜入相关的腾讯视频。其实这里想说的重点不是关于播发器的可访问性问题,而是说如何“无缝”的让视频称为周围上下文的一部分。 当屏幕阅读器用户听完摘要之后,在按光标键很可能就到到视频播放器的位置,当焦点到达这个区域的时候,我要说的重点就来了——“操作提示”,我们要告诉用户现在在视频区域了,你可以按空格键播放和暂停视频,按Esc键退出视频,按左右键调整播放进度,按上下键调节音量。这些操作上的提示要如数的告知给用户。 然后你就要看播放器的接口了,是否有相应的方法可供调用,然后实现。 当按Esc的时候,退出(停止)视频,这里有一个注意事项,焦点应该去哪里?按理说,应该是到视频的后面,是的。同样我也给用户一个提示,告诉用户,现在已经退出视频区域,你可以按下键阅读下面的正文,你还可以按上键重新回到视频区域。核心就是告知用户当前的位置和后续的操作提示。让用户可理解,可操作。 这篇和上一篇《详解腾讯网文章页无障碍方案》较为详细的阐述了腾讯网新闻页面的无障碍方案,没有什么特殊的代码,因为这些功能实现起来并不复杂,是不过要搞好tab order和焦点管理。 随着对知识的理解,整个新闻页的技术方案,现在看来并不太好,如果要我级打分的话,以现在的认知我会打60分。在我脑中现在有了一个更好的方案,待到实践检验之后,再和大家分享。

发表在 技术 | 留下评论

详解腾讯网文章页无障碍方案

中国农历年交替之际,发布一些无障碍方案,供大家讨论和参考。 阅读新闻是屏幕阅读器用户上网的一个重要活动,对于承载着最终信息的页面,其访问量和重要性是整个站点的重中之重,特别是对于门户网站。无论在北京五道口搜狐大厦中的宣传语,还是在腾讯网的项目组架构上都能看到这一点。 屏幕阅读器用户如何浏览文章页? 屏幕阅读器依靠焦点来整合DOM本身语义,属性以及标记的内容,那么阅读的顺序,一般来说就是基于DOM的顺序,所以这里重新强调一次,视觉顺序和DOM顺序的问题,作为一个重构者,你要可以分辨出信息的重要性,从而编写出符合逻辑的DOM顺序。那么一般的文章页面,其DOM顺序从上到下基本为:全站导航、登录、广告、面包屑、搜索、文章标题、文章相关信息、正文、其他信息、评论。 参见:李克强总理看完留守儿童的相关新闻 http://news.ifeng.com/mainland/special/2014chunjie/content-3/detail_2014_01/27/33418402_0.shtml http://news.sohu.com/20140128/n394302855.shtml http://news.sina.com.cn/c/2014-01-28/020529362593.shtml http://news.163.com/14/0127/14/9JJR959V00014JB6.html http://news.qq.com/a/20140128/000817.htm 先来还原下一般的屏幕阅读器用户是如何浏览正文的(这也是最重要的目标,难道你会到新闻页面去查看其他什么其他东西么?当然可能网易不太一样,因为网易跟帖在我看来比新闻正文还有吸引力)。首先页面载入,用户听到title,由于各个新闻页面的title采用倒装面包屑,所以首先听到的就会是该页面(该文字的标题),从而了解文字标题和访问正确与否。接着按tab键或者是光标键,遍历到正文,浏览正文。刚才说过,在正文前面有很多功能组件,一个一个的听,越过起码小50个元素(带有内容的DOM和表单元素以及对象),然后开始听正文。正文前面的这些东西对目标来说,是“无用”的,快速的越过它们是我们需要做的。而很多用户其实也是通过自己的办法这么做的。 有一些经验的用户是这样操作的,他们在听过一定次数的文章之后,就会发现,好像这个网站所有的文章页面的架构几乎都是一样的。这事一个重要的发现,他们没有视觉,你想一下用听觉来辨认两个东西是相同的是以一件多么困难的事情。但他们发现每个新闻页面技术是一样的时候,他们就会视图寻找一些可以快速到达正文方式,比如一般的正文前面都有一个搜索框,这个搜索框是一个表单,这些有经验的用户就会使用读屏软件本身拥有的遍历表单的快捷键来先遍历表单到这个搜索框,比如e键。这样基本按一下就到这个搜索框了,然后再按几下光标键就到达正文处了。 作为网站作者,我们可以通过一点点的代码,让用户可以通过某些快捷键快速到达正文的位置,具体技术并不复杂,腾讯网文章页讲数字3作为快捷键,为正文区域添加了tabindex=”-1″,然后使用js将焦点移动到这个区域上,从而完成到达正文的功能。 为什么是tabindex=”-1″?div本身并不是一个可以聚焦的元素,所以需要设置tabindex来使其可以被聚焦,理想的值应该是tabindex=”0″(数字零),这样可以使用鼠标、键盘、js来聚焦。但是为什么设置了tabindex=”-1″呢?这是因为所在环境的无奈,大家知道当一个元素可以被聚焦的时候,当其拥有焦点,ie浏览器中相关区域产生一个虚边,而chrome等浏览器中该元素会有一个比较粗的高亮的边框,比如黄色。这种虚边或者粗线边框是产品经理所不能接纳的,他们认为不美。没办法,谁叫团队不是技术主导呢。只能如此了,所以设置成-1就避免了这些个问题,当然为了健壮我们还要将ouline设置成“看不见”的样子。 本着这个思路,腾讯网文章页共设置了6个快捷键,详见http://www.qq.com/accessibility/ 拥有了这六个快捷键,但是用户如何能知道呢?当一个元素拥有accesskey属性,当这个元素获得焦点的时候,屏幕阅读软件会读出类似快捷键alt+值的信息(不通读屏软件细节不通,但肯定都可以辨识),虽然可以辨识,但是用户可能并不能认知。这样我们就需要通过一种方式告诉用户,我们的页面提供了某些“额外”的功能。 那么,我就在页面最开始的位置写一个简短的提示,告诉用户我们的页面提供哪些功能,这个提示不能太长,这样听起来麻烦,也不简约(如果不理解为什么要简约,建议脑补)。但一个简单的提示并不能概括我们提供的所有的功能,所以我把文字提示作为链接,链接指向的页面有详细的无障碍说明,这样保证,你想听所有功能,你就跳转过去,否则也不影响你主要的体验,因为提示的重要内容就是告诉用户如何跳转到正文。相见腾讯网新闻页面的代码。 <a accesskey=”0″ style=”width: 0; height: 0; overflow: hidden; display: block; font: 0/0 Arial;” title=”按alt+3阅读正文,您也可以现在按回车查看详细的无障碍说明,或者使用上下键进行线性阅读” href=”http://www.qq.com/demo/accessibility.htm” target=”_blank”>无障碍说明</a> 这种模式很快的被大家所认可,所以你在QQ空间、QQ信箱、腾讯微博等产品上都可以看到这种提示的身影,并且都对应一个较为详细的无障碍说明。 在腾讯文章页的内部,还有另外一个功能,就是对视频的键盘支持,将视频“无缝”的嵌入在正文中,让盲人用户也可以听视频了。这都是前所未有的体验。 正文中视频区域的无障碍方案,相见《详解腾讯正文中视频区域的无障碍方案》

发表在 技术 | 留下评论

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

在腾讯公益慈善基金会、浙江敦和慈善基金会、广东省与人公益基金会以及残友集团的共同支持下,深圳市信息无障碍研究会成立一支由视障人组成的、专业的信息无障碍测试团队。 这是中国第一次招募信息无障碍相关的职位,且只面向视障应聘者。 视障人士软件产品测试将是一个全新的创新就业模式,视障人士将从按摩(劳动力)就业往高科技互联网就业迈进。我们期待您的加入。 岗位名称:信息无障碍测试工程师 招聘人数: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,欢迎您届时参与,具体时间及地点,请订阅中国信息无障碍社区小组邮件列表获知。

发表在 活动 | 留下评论