晴天博客

网络无障碍和web标准

Sat, 04 Sep 2010 00:50:10 +0000

从一位韩资公司的前端工程师那里，第一次听到了“网络接近”这个词。所谓网络接近，类似国内常说的“网络无障碍”，是指让视障人阅读网页的一种技术指标。类似我们在奥运期间经常听到的“无障碍设施”。当然人家的网络接近是给本国人用的，而且普及程度很高。

想要达到网络接近，至少要满足两个条件。第一要有专门用于网页语音提示的“文本-语言合成软件”，也就是我们常说的语音读屏软件（可以看作是用来“听”的网页浏览器），视障人通过这种软件用tab键移动网页焦点，依次“阅读”网页内容。第二个条件是要求网页严格语义化，这样软件才能正确读出网页内容。因此，他们开发的html代码，不仅仅要通过w3c，还要严格的使用各种语义化标签。更准确的说，网络接近对html的要求和w3c是高度一致的。

比如在我们用来“看”的浏览器（比如IE、Firefox）中，strong标签内的文本，和b标签的默认表现相同，但网络接近浏览器遇到strong会着重提示，而b标签就不会。因此前端开发者绝对不会用b进行文本加粗，这也是为什么w3c不提倡用b的原因之一。

再比如图片标签中alt属性，现在有很多人知道了，alt并不是用于鼠标悬停提示的属性（鼠标悬停提示效果应该用title属性实现），而是替代文本。一定有很多人会问，网页中的图片如果正常现实，那么alt还有存在的价值么？当然有，除了w3c要求以外，视障人使用网络接近遇到图片时，语音会提示图片并根据alt的值进行图片描述，如果alt不存在，浏览者就只能“听图兴叹”了。

再有，我们知道符合w3c标准的网页，在失去样式表文件的时候，应该具有良好的可读性。但这又有什么意义？还有什么浏览器不能解释css呢？有，那就是网络接近的浏览器。

可见，我们常说web标准，并不是为通过w3c验证而获得满足，也不为绚技术能力。根本上，是为让不同情况的各类用户都能方便的浏览网页。我们现在很重视手机这样的小尺寸终端用户，但多数开发者忽略了视障人群。也许有人还以为视障人士不能上网，或者中国的视障人士很少上网。事实是，互联网对视障人十分重要，而越来越多的视障人也意识到了这点。他们通过网络购物、学习、交流、获取各类信息，对互联网高度依赖。然而国内的视障人即使拥有语音阅读软件，浏览互联网却依然困难重重。原因主要在于国内的网站还达不到足够的“网络接近”。多数国内的前端开发者都不会为兼容网络接近浏览器而合理的语义化。

除此之外，验证码也是视障人使用互联网的一大障碍。验证码是技术上最简单同时比较可靠的网络安全防护机制，但是这种机制注定了读屏软件无法识别，导致视障人无法通过验证。其实验证码并非不可替代。比如著名博客程序wordpress上，就找不到一个验证码。可以说wordpress用了更加复杂的技术手段，达到了最佳的用户体验。而国内开发者也常把用户体验、可用性等等挂在嘴边，却“不屑于”解决这样的一个小问题。

问题的关键是，网络无障碍对于一般的商业机构来说，付出大于经济回报，这样的事情他们是不可能主动去做的。因此国内关注网络无障碍的一些机构和个人认为，应该由政府出面立法，从而约束网站遵循基本的无障碍原则，因为这不仅仅体现一个国家对残疾人的关注，更体现社会的公平性原则。比如韩国就有明确严格的法律要求，因此韩国的网站建设公司对“网络接近”的重视程度很高。而美国的法律不约束商业机构，但对国家投资兴建的公共服务类网站，是要求体现无障碍原则的。据说美国曾有视障人因为某政府网站无法使用而将政府告上法庭的案例。但是在国内，情况正好相反：恰恰是商业网站为了提高效益而重视质量，大多采用了w3c标准重构前端；而政府网站，不仅没有法律约束，更不存在商业竞争，网站的质量标准之有一条，就是领导口味，难免粗制滥造，table满天飞了。

恐怕，国内的网络无障碍只能从开发者自身做起。话说回来：技术是有需求才产生的，使用某种技术在根本上是满足这种技术要实现的需求。
本文转载自：http://blog.citywill.net/archives/654
Tags - 无障碍 , web标准

盲人教师姜仁爱：眼前无春色胸中有桃李

Fri, 03 Sep 2010 08:02:45 +0000

有这么—群孩子，他们与光明绝缘，在他们的世界中，黑暗是主角。有这么—群老师，他们是光明的使者，引领这些孩子走出黑暗的深渊。姜仁爱，就是这—群老师中的普通—员，所不同的是，他也是盲人。风雨二十五载，他—直坚持走在特殊教育的道路上。他也是我的老师。
............

Tags - 盲人 , 姜仁爱

新浪网内容页面无障碍导航功能存在的问题分析

Wed, 01 Sep 2010 02:15:52 +0000

新浪网是国内第一个采用语音验证码的门户网站，也是第一个在内容页面加入无障碍导航功能的网站。
虽说功能是添加了，但实际体验却并不是那么好的，关于语音验证码暂不说，这里就说一下内容页面的无障碍导航功能。
细心的朋友可能已经发现，在新浪网的很多内容页面（比如新闻正文页面）的顶部会有两张小图片的链接，一个是“跳转到路径导航栏”，一个是“跳转到正文内容”，使用读屏软件的朋友肯定也注意到了这两个链接。
这两个链接的功能就是非常好的无障碍设计，他可以让使用键盘操作的朋友比较快速的定位到网页中的相应区域，当点击了“跳转到路径导航栏”链接，就可以定位到网页顶部的菜单区域；点击了“跳转到正文内容”链接，就可以定位到文章内容的开始位置。
这是根据这两个链接功能做的解释，大家实际体验一下就会发现好像并不是这样的，给一个测试网址：http://news.sina.com.cn/c/2010-08-30/200321004312.shtml
当点击了跳转到路径导航栏之后，似乎没有什么变化，当点击了跳转到正文内容链接，发现焦点到了路径导航。
这是从用户操作来看的，如果在看看html代码，也会发现问题。
跳转到路径导航栏的代码：

跳转到正文内容代码：

对应的两个锚链接代码：

看到这里似乎没有什么问题，如果仔细注意一下这几段代码的放置位置的话，就会发现，问题了，导航栏的锚链接实际上是放在了非常靠近正文的位置上，而并非是整个网页的顶部导航菜单位置。
第二点是两个导航链接的顺序，“跳转到路径导航栏”链接放在整个网页的开始位置，一般情况下打开网页之后，首先就是从网页开始的，这个链接放在这里还有什么价值吗？当然如果新浪开发者的目的是为了把用户引导到当前页面的所属位置区域的话，那也就没什么错误了。
“跳转到正文”链接放在了正文的前方，如果用tab找到这个链接，那么本身就已经距离正文不远了，要这个链接还有什么用处吗？
总结一下就是，问题主要出在设计思想和代码编写上，也或许当时测试人员工作太繁忙，出现了这样的疏漏。
我的建议：
这样的导航链接要加的恰到好处，第一要精炼，第二要放置到合适位置。
对于新浪内容页面来说，可以做如下改进：
第一，调整两个链接的顺序，把跳转到正文内容放在网页开头，把跳转到路径导航栏放在正文之前，同时这里的路径导航应该是整个网页的导航菜单，而并非当前页面的。
第二，有可能的话，给这两个链接加上快捷键，建议采用的热键是alt+x，两个链接可以采用相同热键。如果采用不同热键，比如跳转到正文可以用alt+c或者alt+n，跳转到路径导航可以用alt
+g。

Tags - 新浪 , 无障碍 , 读屏

互联网标准化：为盲人带来更好的生活体验

Tue, 31 Aug 2010 12:20:10 +0000

世界卫生组织的一项研究表明，“世界上约有 3.14 亿人受到各种原因造成的视力损害。其中有 4500 万盲人”。而资料显示，中国盲人约有 600 到 700 万人。各位 ifanr 读者此刻很可能也忍受着眼疾的折磨——比如，下意识的揉一下眼睛。眼疾的发病率是很高的，现代人常见的就有近视、远视、散光，而老人则多见白内障、青光眼等眼疾。实际上，有很多人都因为眼疾而造成生活体验的下降，就连算不上眼疾的近视也会带来诸多不便：寒冷的冬天，从室外走进办公室，眼镜上立即蒙上了一层水雾；运动时损坏的眼镜、眼镜丢失……全盲人群更不幸——你能想象在操作没有显示器的计算机吗？这可能对于明眼人来说是不太可能的，
............

Tags - 互联网 , 标准化 , 盲人

迷你飞信存在的影响读屏操作的问题总结

Sun, 29 Aug 2010 09:23:46 +0000

我是昨天在腾讯微博上看到有人提到了迷你飞信，于是到移动飞信网站寻找，转了半天也没有发现，索性就百度一下，结果找到了飞信产品经理的新浪微博，进而找到了迷你飞信的下载地址。
经过简单的使用体验，总结了一下影响读屏操作的几个问题，已经在软件内置的提交反馈中提交了问题，希望会有所改进把。
第一，主窗口、发送消息、添加好友、设置等窗口内，tab键无法提供有效的导航操作，这一点非常影响读屏软件的操作，可以说就很难使用飞信mini版本的多数功能了。

第二，好友列表无法使用方向键来导航，这意味着使用读屏软件无法准确的找到要发送短信的好友，而只能通过搜索功能了。

第三，主窗口似乎没有窗口标题。

第四，登陆界面注册、登陆几个内容没有tab焦点，也是无法操作，而当点击了登陆按钮之后，保存密码也无法用tab找到。

第五，任务栏里的图标上点击右键弹出的菜单，无法使用方向键来导航，这也是导致读屏无法操作这个菜单。
Tags - 飞信 , 读屏

迷你飞信测试版（v0.9.0530）

Sun, 29 Aug 2010 08:19:04 +0000

欢迎您使用轻巧、敏捷、绿色的迷你飞信！
迷你飞信是飞信PC客户端的精简版本，提供了飞信最核心的即时消息和短信功能，程序体积小(1M)、运行速度快、资源占用低、绿色免安装。

迷你飞信测试版（v0.9.0530）产品功能特点如下：

²  真正迷你轻巧的主界面吸附于屏幕边缘，随心所欲。²  简洁而高效的消息会话模式，收发自如。²  输入移动手机号即可给非好友发送短信，舒适快捷。²
主界面可以锁定在所有窗口最前端，显而易见。²  使用快捷键即可完成所有操作，一键抵达。²  仅输入手机号即可添加好友，简单清爽。²
通过首字母、拼音、昵称或手机号均可快速定位好友，轻松畅聊。
迷你飞信键盘快捷使用帮助：快捷方式功能适用界面
      Alt+2隐藏或显示主界面，可自定义主界面
      Ctrl+Enter
      Alt+Enter
      Alt+S发送消息发送消息界面
      Ctrl+R回复当前消息收到消息界面
      Enter消息换行、确认操作所有面板
      Esc关闭当前窗口除主界面外所有面板
      PageDown/PageUp多条消息翻页收到消息界面
      鼠标单击激活（显示）主界面托盘图标
      鼠标滚轮上下滚动好友列表好友列表
      输入非好友手机号发送直接短信主界面
      输入好友名字、拼音、或缩写快速筛选好友主界面
飞信网站下载页面：
http://ue.feixin.10086.cn/experience/detail/37
直接下载地址：
点击这里下载文件
Tags - 飞信

一位盲人办理建行网银遭拒的经历

Sat, 28 Aug 2010 13:48:00 +0000

这是刚才在QQ群看到朋友转发的消息，网上搜索了一下在爱盲论坛上看到了这个帖子，大概有朋友转发到了天涯社区，原帖子标题是《建设银行是这样对待盲人的》，目前还没有进一步的消息，下面是原文：
2010年8月21日，下午三点左右，我在朋友的陪同下，来到成都郫县星光大道旁边的建设银行办理网上银行业务。工作人员让我出去找地方复印身份证，然后填表，我一一照做，然后是等待常常的队伍，本以为晚上回去就可以顺利的使用网银了，没想到当我终于站在业务窗口前，礼貌的把建设银行卡、身份证复印件、以及所需表格地道一男一女两位业务办理人员的面前时，
那位男业务员竟然冷冰冰的说：“像你这样的人不能办理网上银行业务。”当时，我感到非常吃惊，我便问其原油。男业务员说：“你眼睛都看不见怎么可能操作电脑，你既然不能操作电脑，又怎么可能使用网银。”我想，对于盲人会操作电脑，的确很多明眼人都不了解，他们更不可能知道盲人不但会操作个个银行的网银，而且还有很多盲人在网上炒股、软件编程、做淘宝生意等等。
于是，我耐心的跟那位男业务员解释道：“我完全可以独立用电脑操作网银，我有一种读频软件，屏幕上能够读出的东西，我都可以听到，并且可以用键盘操作。”那位女业务员也说话了：“你都看不见屏幕，没有屏幕怎么操作电脑？”男业务员接着说：“你说你会操作，就会操作码？如果我现在放一辆车在你面前，你能开吗？”听了男业务员的话，我忍着心中的怒火仍然跟他们说明道：“我有很多盲人朋友都是用的网银，从来没有出过任何问题。”
男业务员说：“我们银行有规定，我们不给没有行为能力的人办理，像你这样的就是没有行为能力的人。”我听了他的话，又好笑又好气，这样的法盲，这样素质低下，对客户部尊重的人是怎么进入银行上班的呢？
据我所了解，法律上所设定的没有行为能力的人是只十周岁以下的儿童和精神病患者。而我，已经是一名二十八周岁的中国合法公民了，我大学本科毕业，现在正是一名音乐老师，他竟然说我没有行为能力。我实在不明白堂堂一个建设银行的工作人员怎么会说出这样的话。我努力的平复着心境，我对他们说：“我有工行的网银，也一直在用，为什么工行可以给我办理网上业务，你们就不能办呢？”男业务员说：“那是工行不负责，明明知道你看不见，无能力操作，还办理。”我说：“我在说一次，我可以操作，我不想和你们争论什么，我只要求马上办理此业务。”男业务员竟然说：“万一你密码丢了，你会来找我们负责，所以我们是不会给你办理的。”我说：“我可以保证自己的密码安全，因为我知道我可以独立完成操作网银。”女业务员说：“就算你可以独立操作，我们也不给你办理，明眼人的密码都会丢失，你的更会丢失了。”我说：“我不会找旁人帮忙，读频能够独立操作，我的风险和明眼人是一样的。”男业务员说：“有木马也会盗取密码，明眼人的都经常被盗。”我说：“木马我知道呀，那个我明白怎样操作，我会小心的。既然明眼人的也经常会被盗，那你不也办理了吗？”男业务员说：“反正我们就是不给你这样的没有行为能力的办。”男业务员说：“很简单一个问题，今天要不是你朋友带着你来，你能站在我面前吗？”我说：“你是怎么说话的，我告诉你，我有工资卡，每个月去取钱，经常都是我一个人去的……”我几乎说不下去了，这样的人生攻击，这样的侮辱让我对这样的人的素质到了无语的地步。最后，我只好转身走出这家建设银行。
我深深的感觉到自己的合法权益被剥夺了，自己的人格尊严被践踏了，我需要公道。于是，我拨打了95533建设银行克服热线，一位功耗是277的克服代表接听了我的电话。我把事情的经过告诉了那位客服代表，并要求他们在两个工作日之内给我一个满意的答复，我要求那两位公开对我进行人生攻击，并且剥夺我合法权益的业务员给我公开道歉，要求他们为我办理网上银行业务。客服代表让我等待消息。
Tags - 盲人 , 建行 , 网银

不支持开发盲人版产品的四点理由

Thu, 26 Aug 2010 08:29:40 +0000

最近一段时间有机会与腾讯的几款产品负责人交流，他们多次谈到关于开发盲人专用版本的问题，我在腾讯微博上发了一条不支持开发“盲人版”或者说“读屏版”产品的微博，我总结了四条理由，当时因为字数所限，不能说的很详细，今天正好有时间就展开说一下。
所谓信息无障碍，大致来说就是可以让身体机能差异人群（包括盲人、肢体残疾人、聋哑人、老年人、儿童等）以及有特殊需求的健全人可以平等的获取信息。
信息无障碍在国内还是一个新兴的概念，没有相关的标准和法规的约束，加上多数产品设计者根本没有无障碍意识，所以导致了很多产品在信息无障碍方面存在了非常大的缺陷。
这里我主要说的是软件和网页，当然对于建筑设施也是类似的情况。
第一，增加了开发成本。
很多产品在设计之初没有考虑到无障碍，当产品已经成熟后，在收到用户反馈后才开始修改的话，就必然要投入专门的人力物力，这无疑给开发增加了成本，占用了宝贵的时间。
第二，增加了盲人与明眼人的距离不利于盲人回归主流社会。
长期使用盲人版本，很容易导致盲人对产品理解的偏差，以为自己所使用的就是正常的版本，当与明眼人交流的时候就会出现冲突，双方都不知对方说的什么，无意中增加了盲人与明眼人的距离，增加了他们交流的障碍，也不利于明眼人帮助盲人学习产品。
第三，目前的盲人版意味着功能的精简使得盲人无法享受到相同的产品体验。
目前所见的盲人版本一般都是功能精简过的，比如腾讯的qqmail和qzone里的读屏入口，这样让盲人无法享受到与普通人一样的产品体验。而且很多盲人朋友宁可使用很难操作的普通版本的qzone也不愿去用专用的读屏入口,原因很简单，就是要与普通人一样的使用产品，享受一样的功能和体验。从某种意义上说，这也算是一种追求平等的表现把。
第四，不利于整个互联网的无障碍发展。
腾讯出了QQ盲人版本，新浪出了uc盲人版，百度出了hi盲人版本，xxxx公司出了xxxx盲人版，这样下去的话，将来的信息无障碍会怎样呢？难道只有某某专版才能解决问题吗？
所以说我是不支持开发盲人专用版本产品的。

Tags - 腾讯 , 盲人

闭上眼睛用QQ – 盲人用户探访实录

Thu, 26 Aug 2010 06:39:22 +0000

为了解视障人士如何使用电脑上网以及如何使用QQ，腾讯用眼组联系到了在深圳的3位盲人，对它们进行了实地访谈，请他们演示了自己平时使用电脑和QQ的情况。下面是转载自cdc官方博客的文章。
............

Tags - 腾讯 , qq , 盲人

QQ拼音输入法3.3

Wed, 28 Jul 2010 04:44:55 +0000

QQ拼音输入法是腾讯公司自主研发的,特别适合互联网应用的,快速敏捷的输入法产品
QQ拼音输入法的特色：
精美皮肤、输入速度快、词库丰富、绑定QQ号码、个人词库随身带、智能整句生成。

............

Tags - qq , 拼音 , 输入法