腾讯微博有待解决的影响读屏操作的问题总结

从4月份开通腾讯微博到现在已经两个多月了,不论是发表的微博数量还是在线时间,腾讯微博都是最长的,所以也就有了很多感触。
现在的腾讯微博可以说相比4月有了非常大的改变,视觉上的用户体验我就不说了,就从读屏软件的操作感受来说,就已经是非常不错的了。
可以说我是亲见了腾讯微博的一些变化,印象比较深刻的几条有:
第一关于"ctrl+enter"的快捷键错误;第二就是导航栏使用"tabindex=-1"属性,这些都可以在我的微博里找到。
下面我总结一下到目前为止,还存在的影响读屏操作的一些情况。


第一,微博很多页面存在tab焦点跑掉的情况,比如“我的主页”、话题查看页面、“我的广播”页面等,主要表现是当使用键盘的tab键导航的时候,很容易焦点跑回到网页顶部,而导致无法正常进行导航。
这一条是目前影响读屏操作网页版微博的最大障碍。
个人观察的原因在于js里的blur()函数,在很多页面中也发现了这个函数的存在,网上关于这个函数的用法,主要是若干年之前广泛应用在去网页元素的虚线框,而如今这种技术早已被css替代。
使用这个函数的结果就是导致元素无法获得焦点,最终影响的就是使用读屏软件等辅助软件的用户了。

第二,img,textarea,button等元素缺少有效的提示文本,这里所说的有效的提示文本指的是读屏软件可以获取到的用来提示给用户的文本,对于img来说,title和alt属性都是读屏可以获取的文本,对于textarea来说title、以及与之相关联的label都是有效的提示文本,对于button则value和title都是有效的提示文本,至于其他html元素,innerText属性一般都是可以获取到的。下面分别总结:
1  所有textarea都没有有效的提示文本,建议给所有textarea增加label标签,以关联textarea的id。
2  用户头像的img元素中缺少了alt和title属性,这里其实只要给出用户昵称即可。
3  对话、转播两个表单的提交按钮缺少了value和title,这里可能是疏忽,因为“我的主页”里的表单提交按钮是有这两个属性的。

第三,话题页面的广播输入框存在问题,主要表现是读屏软件无法逐字操作。

第四,建议给“有x条新广播”链接加上tabindex属性,比如tabindex=3,这样在输入框、发送按钮之后就是点击更新的链接,操作起来会更方便。
以上就是到目前我总结出来的有待解决的问题。
晚上在微博里看到人们在讨论是否做盲人专用版本的微博,这里我想说的是根本没必要。就目前网页版的腾讯微博而言,读屏软件操作是没有太大障碍的,如果能解决了我前面提到的几条,那么,腾讯微博正式上线的时候,就把支持读屏软件这一条大方的写上去把。