GitHub 的一个小细节

4
6
2015

GitHub 的一个小细节

本文来自依云's Blog，转载请注明。

这是偶然间发现的。在 GitHub 桌面版网页上，按第一下 Tab 时，会在左上角显示一个「Skip to content」的链接，并且键盘焦点就在这里：

GitHub "Skip to content"

我被这样的小小地惊艳了一下。这个链接可以用来跳过不怎么常用的导航栏上那排链接和按钮。

作为经常打字聊天和写码的人，在电脑前的大部分时间手当然是在键盘而不是鼠标上，所以使用鼠标来进行一些操作很常见。虽然我有 keynav 和 VimFx 来辅助，但是见到 GitHub 这么贴心的细节还是挺喜欢的。

这让我想起了国内的网址，大部分都根本不考虑 accessibility。比如问答社交网站知乎。我早已不「逛」知乎了，只是收到感兴趣的邀请时去看看。因为知乎的体验实在是太差劲了。

知乎取消了所有链接在获取焦点时周围的虚线。这意味着根本没办法使用键盘导航，因为你不知道当然焦点在哪里。

知乎的提交按钮完全无法使用键盘操作。看看 GitHub，写好评论什么的，按一下 Tab 焦点就去了提交按钮上，并且有非常明显的反馈。按空格或者回车就可以提交。如果决定放弃，再按一下 Tab 就好。这两个按钮的顺序是按使用频率而不是相对位置来获取焦点的，因为提交显然比放弃用得更多。Twitter 发送新消息、Google+ 评论的提交按钮也是这样。不过 Twitter 偶尔会需要按两次 Tab 才能提交，大概是改页面的时候不小心给改坏了，过段时间会修好。Google+ 分享新信息时会比较讨厌，因为要跳过好大一堆「添加照片」什么的按钮。

类似的 accessibility 处理，国外著名网站上经常能看到很好的实践，博客上经常能看到大家在关心「少数用户」的使用便捷性。而国内很少有关注这方面的，大家都跟乔布斯一样想，「不管合不合理，我是这么设计的所以你应该这么用」。

比如验证码。不管需不需要，都是字符图。这样盲人就用不了。而国外广泛使用的 Google reCAPTCHA 就可以选择通过声音收听验证码。当然是英语的。反正这全球最大的网站之一已经消失在中国大陆人的视野之中了。我知道专门有人建立了一个 QQ 群，视力正常的人帮助盲人识别验证码用的。

这大概是发达国家与发展中国家的侧面写照的缩影了吧。

最后扔一堆链接：