晚上添加了w3ctech新浪微群,转发了几条群内微博,发现新浪微群也同样存在转发后没有处理默认焦点的问题。之后w3ctech的负责人林毅bluefly帮忙呼吁了一下这个问题,很值得高兴的是新浪微群表示会关注。

关于网页中浮层消失后的焦点处理问题,希望会有更多的前端关注到,但这个问题究竟该如何表述呢?我有点很难说清楚。对于网页中弹出的一个浮层,当他消失之后,键盘焦点应该如何处理呢?是不干预,还是强制到某个节点呢?

作为一个盲人,在使用读屏软件操作微博的时候,对这个问题带来的用户体验是深有感触,可以说他是影响盲人用户微博体验的最重要指标了。
假设我在新浪微博首页,正好看到第10条微博,我选择将他转发。当转发完成之后,键盘焦点该如何处理呢?之前新浪微博是没有处理过,也就是默认,这样的结果是焦点被重置到了输入框,那我想在从第10条微博继续往后看第11条微博的话,就必须要再次切换过之前的10条内容。可以想象到,每转发一条微博,就需要在从头开始。

经过若干次的反馈,总算新浪微博解决了这一问题,每当转发完成后,焦点会被重置到当前微博的转发链接上。这样便可以继续往后查看其他微博。这样大大提高了操作效率。

我想这并不只是盲人会感受到这一变化所带来的巨大改善,只要是使用键盘操作的用户,都会有新的感觉的。
观察了目前的几大微博,其实这是普遍存在的一个问题,搜狐微博网易微博百度说吧腾讯微博新浪微群等都存在同样的问题。其实腾讯微博是最早开始关注和解决这一问题的,但不知为什么,经常会出现无效。

关于浮层消失后的焦点处理应该是一个普遍性的问题了,尤其在微博这类交互性非常强 的应用上,处理好将会带给用户非常不一样的体验。
我想不论是什么应用,只要是在同一个页面出现的浮层,当他消失后,如果没有被定向到新的url,那么就应该把键盘焦点重置到浮层弹出前的元素上。

标签: 新浪, 微博, 焦点

已有 2 条评论

  1. hax

    没错,保持焦点是一个很重要的事情。

  2. 受教了~~~很不错!

添加新评论