新年伊始,我这第一篇日志来说说新浪微博吧,说说他存在的影响盲人使用的地方,说说他不符合网页无障碍标准的地方。使用已经一年多了,有些遗憾也有些惭愧的是今天才写这篇日志。2010年没有完成这件事是我的一个很大的遗憾,写到这里想起了曾经给腾讯微博提出的一些改进建议,也想起了给百度说吧提出的建议,还想起了麦田关于盲人是小众,不予考虑的言论。其实对新浪,我也一直存有一种盲人是小众,不予考虑的担心,所以这也是一直不敢提的一个原因。 不过在张少卓的帮助下,在viphjw等朋友的帮忙转发中,得到了水洋的回应,希望这是一个好的开始。 过去我陆续的也在微博里反馈过几次盲人使用新浪微博的不便之处,也创建了一个话题盲人的新浪微博困扰专门来记录盲人在使用新浪微博中遇到的问题,概括起来说的话,主要有下面几个问题:
1 表单元素没有有效的label关联文本。
盲人使用读屏软件来操作电脑,来浏览网页。读屏软件通过获取网页表单元素的label或者表单元素的title信息来提示盲人,。
而新浪微博的各种表单,几乎找不到label,也没有title属性。这就给盲人使用读屏操作带来了很大的障碍,盲人只能通过上下文来猜测输入框的意思,按钮的用途。
我不止一次的遇到盲人朋友向我询问如何在新浪微博发表微博,其实他们已经找到了那个输入框,但不知道那就是写内容的。下面摘录一段源代码:
新浪微博发表框:
新浪微博发表按钮源代码:
从上面的输入框和提交按钮源代码看,没有一个有效的文字提示,除了用眼睛看,我想可能是有颜色或者图片来提示,对盲人来说就无能为力了。
建议参考开发和测试访问无障碍的 Web 应用这篇文章进行改造。
2 关于提交按钮。 我注意到不论是登陆表单的登陆按钮,还是发表微博的提交按钮或者搜索表单的搜索按钮,都使用了a元素,而且没有有效的文字描述,比如登陆表单的登陆按钮,前面已经摘了一段发表微博的提交按钮的源代码。 我不确定用a元素来做提交按钮是否正确,但就我了解的一点网页知识来说,我觉得是不合理的,我不知道是否有滥用html标签的嫌疑,但至少容易给人产生一些误解。 很明显的是搜索表单的搜索按钮,因为用了a元素,读屏会提示“搜索链接”。很长一段时间我都认为点击这个链接会打开一个新的页面来,然后在输入搜索条件进行搜索。
3 微博首页登陆表单的用户名输入框问题。
当tab键到达用户名输入框之后,且如果没有输入用户名的话,是不允许离开这个输入框的。我想这样的设计应该是防止用户错误操作离开输入框,但是有一种情况是如果我并不是想登陆,而是要注册,我不小心多按了一次tab键,那么要返回到前面的注册链接是无论如何也不可以了。
这里还要提一下这个注册链接,直接给源代码吧:
新浪微博首页用户登录区域的注册按钮源代码:
之所以贴这段源代码,是因为我记得有一次我同学专门问我如何注册新浪微博,直到最后我查看了这源代码才找到了注册链接。
4 侧边栏的html书写位置。 这个问题困扰了我很久,一直不敢确定是否是故意为之。侧边栏在右侧,但html代码的书写顺序却是在微博内容之前。 这样带来的后果是,用读屏软件操作,要找到微博内容,就必须先绕过侧边栏,现在侧边栏有180多个链接,也就意味着要按180多次tab键才能到达微博内容区域。 简单想一下这180次的按键带给读屏用户的是什么体验。 我想这里存在几个问题,第一对一个网页来说,主要内容优先输出和显示,而新浪微博则是侧边栏内容优先了。第二新浪微博的工程师根本没有使用键盘的概念。 还是在推荐ibm这篇文章:开发和测试访问无障碍的 Web 应用
5 关于浮动窗口的焦点问题。 曾经有一次想发一张图片,点击了图片链接之后,却怎么都没找到上传按钮,迷惑了好久才弄清楚,上传图片是弹出一个小窗口,在网页的底部。 还有一个情况是我对关注着进行了分组,首页默认显示了很少的几个,剩下的没有显示,我知道是点击更多链接,同样与上面的情形类似,点击了更多之后没有任何反映,因为也是弹出小窗口浮动在网页底部。 对于这种情况,如果工程师稍微留心一下,加一个focus就不会有这样的困扰存在了,也就会为新浪微博的人性化增添一笔了。
6 关于转发之后的焦点停留问题。 当转发了一条微博之后,tab键的焦点便不在先前那条微博的位置了,这样如果要继续在看下一条微博,就要在重新从头找,要在绕过侧边栏,绕过已经看过的微博,这极大了影响了阅读效率也影响了转发心情。 建议可以实现转发之后焦点仍然停留在原位置。
7 个人首页好友分组的更多链接问题。 当用tab切换到首页微博内容筛选之前的好友分组,那个更多链接的时候,焦点就会跑掉,没有找到什么原因。 但这影响很大,意味着要查看微博内容就很难了。
我尽可能的想把问题描述清楚,因为能力有限,可能表达不够准确,不过我想如果有可能,对上面提到的几个问题有所兴趣,不管是否是新浪微博 的朋友,都可以暂时把鼠标放在一边,如果忍不住还要用,就先拔掉几分钟,您来尝试使用键盘操作一下网页,或许能体会一点。 新浪微博我用了也一年多,虽然有上述很多不变,但我还是在使用,很多盲人还是在使用,我们想办法克服存在的问题,我们希望读屏软件针对这些问题改进。 但是我想上述一些问题不是高科技的难题,没有什么技术含量的问题。 非常期待新浪微博能带给我们更好的使用体验。最后还是非常建议阅读ibm网站上的这篇文章: 开发和测试访问无障碍的 Web 应用