月归档:2014 年三月

聊聊信息无障碍测试工程师的标准

运营腾讯无障碍用户测试群已经半年,最近深圳市信息无障碍研究会也在招聘全职和soho的盲人测试人员,对于信息无障碍测试工程师(人员),我个人认为应该有几个方面注意: 1.主观意识太强的人不适合,虽说无障碍是一种非机械的code校验,而是体验的测试,但是我们仍需要客观的反映出产品的缺陷 2.倾向给与方案的人不适合,除非他是无障碍领域的专业人士(最低标准也得是了解W3C的相关规范并且有实际的案例并且一定要对测试的产品有深入的了解) 欢迎大家讨论

发表在 技术 | 留下评论

网站内容无障碍指南2.0 / Web Content Accessibility Guidelines (WCAG) 2.0 中文版

指南地址:http://accessibilityunion.org/WCAG20/ 只翻译了WCAG 2.0中最核心的内容,采用中英文对照。 该指南与之前北京联合大学的李先生翻译有所不同,大家可以对照着看。由于笔者水平有限,如有翻译不妥支出,请大家及时指出。 网站内容无障碍指南2.0包含一个广泛的、使网站内容更易于访问的建议。遵循这些指南可以让网站内容对于广泛的残障人士同样拥有可访问性,包括全盲和低视力、失聪和听力衰退、学习障碍、精神局限、行动受限、语言障碍、光敏性以及多重残障。遵循这些指南也会让你的网站内容对正常用户更加容易使用。 WCAG2.0成功标准是不做技术限定的可测试说明。指南提供了单独的文档来说明满足成功标准的特定技术以及对成功标准解释的信息。访问网站无障碍指南概况 / Web Content Accessibility Guidelines (WCAG) Overview查看介绍和WCAG技术以及培训资料的链接。 WCAG2.0继承了W3C在1999年三月发布的推荐标准网站内容无障碍指南1.0 / Web Content Accessibility Guidelines 1.0[WCAG10]。虽然网站内容可能符合WCAG1.0或WCAG2.0,或者两者都符合,但是W3C建议新创建的以及升级的内容要使用WCAG2.0。W3C也建议网站无障碍政策应以WCAG2.0为参考。 目录 WCAG 2.0指南 1 可感知的 1.1 为所有非文本内容提供文本替代方案,使其可以转化为用户需要的其他格式,比如,大字排版、盲文、语音、符号或者更简单的语言。 1.2 为基于时间的媒体提供替代方案。 1.3 在不丢失信息和结构的情况下,创建的内容可以在不通的方式中展现。例如:更简单的布局。 1.4 使用户更容易看到和听到内容,包括区分前景色和背景色。 2 可操作的 2.1 让所有功能都能有效的通过键盘操作。 2.2 要提供给用户足够的时间去阅读和使用内容。 2.3 不要设计已知的可以导致癫痫发作的内容。 2.4 提供可以帮助用户导航、查找内容以及确定当前所在位置的方法。 3 可理解的 3.1 让文字内容可读并且可理解。 3.2 让网页在可预见的方式中呈现和交互。 3.3 帮助用户避免和纠正错误。 … 继续阅读

发表在 技术 | 留下评论

W3C发布可访问富互联网应用(WAI-ARIA 1.0)的正式推荐标准

2014年3月20日,W3C的协议与格式工作组(Protocols and Formats Working Group / PFWG)发布了可访问富互联网应用(Accessible Rich Internet Applications / WAI-ARIA)1.0版及WAI-ARIA 1.0用户代理实现指南(WAI-ARIA 1.0 User Agent Implementation Guide)的W3C的正式推荐标准(W3C Recommendation)。 WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。在WAI-ARIA概述中对WAI-ARIA及其他支持文档进行了介绍。 W3C董事兼创始人Tim Berners-Lee 评论说,“ARIA可以被广泛的用于增强很多不同技术的可访问性上。目前,HTML5已经开始使用ARIA,并且W3C发布的很多其他标准也开始使用ARIA。今日的Web是动态且交互的,所以对于向无障碍软件描述一个Web页面不同部分的功能是至关重要的,这样残障人士就可以有效的获取信息了” 。 WAI-ARIA填补了开放万维网平台所具有的诸多先进性能与实现其可访问性需求之间的空白。Web开发者创建了越来越多的用户界面控件,这些控件允许用户获取新的页面内容,而不必请求一个完整的页面刷新。当用户在页面上使用例如扩展菜单以及拖拽功能等交互特性时,WAI-ARIA支持浏览器和辅助软件之间的互操作性,这就为符合网站与应用的可访问性相关的国际标准“万维网内容无障碍性指南”(Web Content Accessibility Guidelines,简称WCAG)2.0提供了关键性支撑。   跨平台与跨设备可访问性解决方案 IBM主管新兴软件技术的副总裁Rod Smith先生说道,“今年我们庆祝万维网诞生25周年,在这25年的发展当中,Web延伸到越多越多的智能设备,比如智能手机和汽车,保证应用在这些移动智能设备上的可用性和可访问性,是至关重要的。当IBM把这项技术引进到W3C的时候,我们的目标就是打造一个更具包容性的富Web。WAI-ARIA通过跨设备的普世解决方案,降低残障人士访问Web信息的门槛,开创了此方面技术的先河” 。 WAI-ARIA把台式机应用的无障碍特性带到了万维网上。在台式电脑上,使用特别辅助软件的人们需要通过正针对特定操作系统的无障碍应用程序接口实现对其电脑的操作。WAI-ARIA使得同一类型的信息可以直接使用在Web应用上。 W3C同时也发布了WAI-ARIA 1.0用户代理实施指南(User Agent Implementation Guide),这份指南指导广大开发者在不同平台上实现无障碍支持特性,展示了浏览器,媒体播放器和移动应用程序如何可以从这些特性中受益。使用WAI-ARIA的内容开发者可以更容易的在不同平台上使用相同的Web内容,且不用担心丢失对无障碍性的支持。 实施进展 … 继续阅读

发表在 技术 | 留下评论

“跳过导航”链接

译者注:文章的英文原名为”Skip Navigation” Links,来自WebAIM。WebAIM组织为网站信息无障碍提供了全面的解决方案。所谓网站信息无障碍指任何人(无论是健全人还是残疾人,无论是年轻人还是老年人)在任何情况下都能平等的、方便地、无障碍地从网站上获取信息、利用信息。最近在学习无障碍相关标准与技术,本文主要探讨如何在页面上设置一个“跳过导航”链接以方便视障人群来使用网站功能。 英文原文:http://webaim.org/techniques/skipnav/ 译文原文:http://tid.tenpay.com/?p=4203 一、概况 在许多模板设计中都存在一个问题:页面的主要内容并不在页面的最开始的位置。使用屏幕阅读器的用户常常要听完一长串导航链接、次导航链接、网站logo、网站搜索框和其他元素后,才能到达主要内容区域。事实上,键盘使用者为了要到达主内容区域,必须tab过所有的顶部导航链接。如下图,由于页面布局,导航链接分布在顶部和左侧,用户需要跳过118个链接才能到达内容区。 二、创建“跳过导航“链接 很简单:在页面顶部提供一个可以使用户可以直接跳到主要内容的链接。在大多数情况下,它确实很容易,有不只一种方法来实现。一些方法也优于其他。这里要讨论的方法如下: 在页面顶部提供可见的链接 在页面其他地方提供可见的链接 使链接隐藏 先隐藏链接,直至它获得键盘焦后再显示 (1)在页面顶部提供可见的链接 创建一个跳过导航链接最简单的方法就是把它放在页面顶部,把响应锚点放到主内容区域开始的位置。 链接在左边、右边还是中间的位置不重要,最重要的是要确保这个链接是屏幕阅读器使用者进入页面后最先听到的内容,同时也是键盘最先tab到的内容。否则,用户可能完全没有意识到还有一个“跳过导航”链接,然后浪费时间在跳过那些无关的链接。屏幕阅读器使用者很容易对此感到不耐烦。 <body> <a href=”#maincontent”>跳过导航</a> … <h1><a name=”maincontent”id=”maincontent”></a>标题</h1> <p>第一段</p> </body> 总结:这种方法是非常有效可行的。 (2)在页面其他位置放置可见的链接 一些开发者认为这样放置跳过导航链接会不美观,破坏了页面布局。所以把链接移到其他不那么影响页面整体布局的地方。下面这个例子中,开发者就把链接移到了页面左下角的位置。 这样不会显得那么突兀。但是带来了一个问题:它不再是这个页面的第一个链接。屏幕阅读器使用者不能首先听到这个链接,键盘使用者也不能第一个tab到它。虽然可以通过设置链接的tabindex属性来解决,但是假使阅读器使用者并没有使用TAB键来听网页呢? 总结:这种方法并不是对所有用户都适合。 (3)不可见的链接 一些开发者决定隐藏这个链接。最常用的方法就是在页面顶部放一个透明的图片,并设置它的alt属性为“跳过导航”。 这解决了在布局的美观性上的问题。这对阅读器使用者也是完美的解决方案。然而,那些视力正常的键盘使用者看不到这个链接。当他们tab到这个链接的时候,他们不知道有一个链接在那,除非他们看到了浏览器底部的状态栏地址。 另一个类似的方法是使用CSS隐藏链接。这个方法比隐藏图片的方法更好,但是CSS会引起另一个问题:可能阅读器使用者也读不到这个链接了。更多信息查看“CSS in Action: Invisible Content Just for Screen … 继续阅读

发表在 技术 | 一条评论

世界盲人联会亚太区中期会议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

提高足球比赛视频可访问性

我正在看亚洲杯G组第三轮广州恒大与全北现代的比赛。 其实最开始截图的时候,仅仅是想单纯的说说电视上的问题,但是我发现cntv的直播视频又多了一个可访问性问题。 请看右上角的“CNTV”的LOGO,除了右上角的位置,其他三个角,真的,你都可以去放你的LOGO。这个LOGO,既让我看不清楚LOGO,也让我看不清楚比赛的信息(虽然比赛信息很少) 另外,单单看这个截图,或者这段时间解说员没有明确的指向,或者你看的仅仅是一个集锦,那么你知道谁是恒大?谁是全北么?(红色上衣,白色短裤的是恒大;绿色上衣,黑色短裤的是全北)那么这个信息是否应该在屏幕上进行一个显示呢? 我们经常说,用文本替代访问做图片的backup,但是对于足球比赛(或者其他比赛),把这个队伍的队徽(队标)显示在屏幕上的时候,大多数的观众也会根据球衣的特写(特别是国外球队),通过队标和球衣分辨出队伍。 在进球的时候,字幕最起码的要给到进球队员的名称以及他所属的队伍(一般重要赛事的实时字幕是比较到位的)。 还有,其实每一次我都比较纠结,每次开场说首发的阵容的时候都特别的快,眼睛根本看不完,大多数情况下,其实解说员也是在首发名单消失之后再继续说一阵才能说完。 关于体育赛事的实况,NBA做的比其他运动要到位的多。  

发表在 观点 | 留下评论

提供客户端的校验和警告

虽然ajax已经普及,但仍然有一些政府网站和非IT类网站会有这样的机制——对用户的表单输入的校验程序由服务端进行,这对用户来说是一个很糟糕的体验,对于记忆力衰退以及盲人和性情偏狂躁的人来说,这种模式显得难以使用。在客户端进行脚本控制可以有效的解决此类人群的困难。 一旦发现错误,警告框将有相应的文本描述。当用户关闭对话框,我们利用脚本将焦点移动到相应的出错的文本域。 Exa <label for=”date”>Date:</label> <input type=”text” name=”date” id=”date” onchange=”if(isNaN(Date.parse(this.value))) alert(‘输入不符合格式,请重新输入’);” /> 另外,为用户提供一个标准的数据格式提供参考是个很好的方法,这样会增加用户输入的成功率。特别是对网络经验尚浅的人群。 在网页的文本域中输入不符合格式的数据,并且检验是否有相应的提示以及焦点管理。然后记录测试结果。

发表在 技术 | 留下评论

全球共庆万维网诞生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 … 继续阅读

发表在 活动 | 留下评论

无障碍不是残奥会

今天在聊天的时候,接收到了这样一个对信息无障碍的看法:无障碍就跟残奥会一样,小众,没观众,你可以上升到很高的层次,但是基本就是雷声大、雨点小。 不可否认,很多人都是这一想法,这源于他们对一件事物的认知程度,无所谓对错。就像我总举的一个例子:北京地铁以前不允许导盲犬进入,全国各地绝大多数室内公共场所,交通工具都不允许。 在这,我大胆的预测,再过10年,信息无障碍一定是每一个web产品的必备特性。大家拭目以待吧。

发表在 观点 | 留下评论

网站无障碍的重要组成部分

一个高可访问性的网站,不仅仅依赖于网站开发人员。要使更多的人可以访问你的网站,特别是残障人士。其实是需要依赖于多个组件共同协作才可以达到这个目标。这些组成部分包括: 内容:一个网页或者web应用中的信息,比如像文字、图片、声音这种自然信息以及用来实现结构、展示的代码和标记语言 网页浏览器,媒体播放器以及其他用户代理 辅助技术:大多数情况下指屏幕阅读软件、替代性键盘、开关装置、扫描软件、盲文显示器等等 用户:依赖与他们的经验、知识以及当时的网络和硬件环境使用web 开发者:设计师、工程师、作者等等,包括残疾人开发者以及贡献产生内容的用户 开发工具:可以创建web的软件 评估工具:网站无障碍评估工具、HTML校验工具、CSS校验工具等等 各个组件之间的关系,如下图: 网站开发者通常使用开发工具和评估工具来创建网站内容。 人们(用户)使用网页浏览器、媒体播放器、辅助技术或者其他的用户代理去获取以及与内容进行交互。 各个组件相互依赖。为了网站无障碍这些组件必须共同工作。以为图片上的替代文字为例(<img alt=”替代文字”/>): 技术规范:用来实现替代文本(HTML定义图片(img)的文字替代属性(alt)) WAI指南:WCAG、ATAG、UAAG定义了针对不同的组成部分如何实现无障碍(文字替代方案) 开发者:提供恰当的替代文本 开发工具:支持、促进、推动提供web中的替代文本方案 评估工具:用户帮助检测替代文本是否存在 用户代理:为替代文本提供人机接口 辅助技术:提供文本替代方案人机接口用来满足多种形式 用户:知道如何从他们的用户代理以及(或者)辅助技术中获取他们所需要的替代文本 各个组件相互作用形成闭环。其中一个环节实现了相应的特性,其他环节就很可能去实现这个特性。 当网页浏览器、媒体播放器、辅助技术以及其他的用户带来支持了一个无障碍特性,用户就更可能需要它,开发者就更可能在他们的内容中实现它。 当开发者希望在他们的内容中实现一个无障碍特性,他们就很可能去实现它如果开发工具可以轻松实现这个特性。 当开发工具可以轻松的实现这个特性,开发者就更可能在他们的内容中去实施它。 当一个无障碍特性已经在大量的内容中实施的时候,开发者和用户就会更加需要用户代理去支持它。 相反,如果一个无障碍特性在一个组成部分中没有被实现,当它无法到达一个用户体验的结果的时候,其他的组件也就几乎没有实现这个特性的动机。比如:开发者并不想实施这个特性因为开发工具不支持并且大多数的网页浏览器和辅助技术也没有实现这个特性。 如果一个组件对无障碍支持的不好,那么其他的组成部分就得通过变通的方式来达到某个效果,这对整个的无障碍也并不是好事。比如:开发者需要增加他们的工作量来拟补开发工具的不足,利用纯手工的方式来替代工具。用户则要利用不同的浏览器或者辅助技术来获取内容中信息,克服不同的可访问性问题。 大多数情况下,采用变通的方案是不现实的。由于一些组件的对可访问性支持的不好,所以导致很多残障人士只能使用特定的网站、网页或者功能。 不同组成部分的指南。W3C为不同的组件开发了相应的指南,分别是:ATAG,UAAG,WCAG。这些指南都是基于基本的Web标准技术。 如果你对任何一个组件感兴趣,请联系我们,我们正在寻找对web accessibility感兴趣并且可以为之付出的人。  

发表在 技术 | 标签为 , , , | 留下评论