盲人如何使用互联网的8个误区

误区1：屏幕阅读器读取链接标题文本

不试不知道，一试吓一跳，这居然是不正确的。很长一段时间里，我总是试图在链接上增加title文字以描述这个链接，目的是方便屏幕阅读器理解。现在我是知道了，屏幕阅读器压根就不会鸟title属性中的文字，这意味着为屏幕

阅读器用户添加额外信息的做法是……脱裤子放屁——多此一举。这是很重要的信息，因为这实际上降低了页面可访问性。

误区2：盲人用户使用纯文本浏览器

不要把屏幕阅读器和浏览器搞混了，两者不是一路货色。屏幕阅读器可以读取整个桌面，而不仅仅是网页浏览器。屏幕阅读器不是什么特殊类型的浏览器，这货功能就是读取你正在使用的软件上的文本。这就意味着盲人用户使用的是跟大

家一样的浏览器^①。我曾被一些web开发人员误导，说测试盲人用户最好体验的方法就是使用一个不起眼的纯文本浏览器，如Lynx^②或w3m^③.

① 鼠标移到桌面的浏览器快捷图标上，其他的浏览器显示提示文字都是安装路径、软件名称等；只有Chrome浏览器是”Access this Internet”，我想这种处理可能是为了盲人用户（纯属个人猜测）。

② Lynx为纯文本网页浏览器，是在具有强调文字功能的终端上使用的。

③ w3m(百科)是个开放源代码的文字式网页浏览器，支持表格、框架、SSL连线、颜色。

根据WebAIM的一项研究，在windows上，大多数的屏幕阅读器用户使用的是Internet Explorer和Firefox. 在其他常见浏览器上测试可能不能获得盲人用户的真正体验。免费的屏幕阅读器NVDA的用户最有可能使用FireFox，小小建议。告诉你

一个会让你掉眼泪的真相，web开发人员钟情的Chrome浏览器只有小部分盲人用户使用。

误区3：盲人用户不启用JavaScript

除了演员，谁会主动去穿破烂的衣服呢？所以，可以想到，有多少用户会去禁用JavaScript？以前我听说10个人中间就有1个，但那已经很久很久了，因为过去衣服穿得太好会被当成反动派。如今，JavaScript不仅是功能上的有用，而且还

是很多站点精致体验所必须的。由于盲人用户使用的就是普通的浏览器，因此，用脚趾头想想也知道，其浏览器的JavaScript也是启用的。因此，使用JavaScript增强屏幕阅读器用户的可访问性是完全可行的，比方说通过ARIA的role加

强键盘导航^④。

误区4：动态加载内容有碍可访问性

很多网站（如眼睛微博、企鹅微博）可以动态加载内容，例如，当页面滚动到底部时候，会动态加载新的的微博，而不需要点击“更多”。

我原本以为这对于屏幕阅读器用户而言是场噩梦，但是我听到很多盲人用户说：“这是最好的分页！”当然，在朗读页面的时候，这会造成一个尴尬的停顿，但，这要比翻到第二页，再重新浏览标题和菜单内容好多了。

这仍然是个热门话题。我也遇到过盲人对动态加载很火大的情况，动态加载可能并不使用所有的场合，我的建议是不要认定其无法访问；如果你的站点要动态加载内容，先找个盲人测试下。

误区5：盲人用户把CSS给阉掉了

上面已经确认了盲人用户跟我们使用一样的浏览器，所以，禁用CSS这种说法显然是谬论。在很多情况下，CSS会影响屏幕阅读器的信息读取。例如，设置了display:none的元素是不会被屏幕阅读器读取的。有人自作聪明，在页面顶部

放了个“直接访问主体内容”的链接，使用了display:none对眼睛浏览的用户隐藏，殊不知屏幕阅读器根本就不鸟整个隐藏的链接^⑤。

⑤ 根据测试，不仅display:none屏幕阅读器不屑一顾，visibility:hidden同样被鄙视；

误区6：所有图片需要alt文本

首先，意识到图片<img>需要有alt值来增加可访问性是很好的，然而，并非所有的图片都需要添加alt文本，例如一些装饰性的图片元素，设置alt内容反而会让盲人用户混乱，这种情况下，你不需要alt属性。OK，如果你有强迫症，

没有alt就觉得这段HTML不完整，心里别扭 ，使用空白吧，即alt="".

误区7：所有元素都需要Tab索引

哥们，这是祸水，离她远点！Tab索引的目的是解决屏幕阅读器读取内容的顺序问题，例如有人把“忘记密码”的链接放在密码框后面，导致密码输入完毕后，tab索引的时候，不是在提交按钮上，而是“忘记密码”链接上，此时，就需要借

助tabindex确定更好的阅读顺序（在WCAG 2.0中这实际上被称为“焦点顺序”）。然而，在大部分情况下，tabindex只会使事情变得更加混乱，会让用户走非正常逻辑——我迷路啦！！

上周，我想在一个博客上的评论框里留下足迹，在tab键索引每个文本框，发现输入验证码的那个框框如论如何都不能被focus. 我用Chrome工具一看，奶奶的，原来每个框框都设置了tabindex, 唯独这个验证码被鄙视了。这使得使用键

盘提交评论困难重重。改变焦点顺序往往造成的问题要多于修复的，把你的内容顺序安排合理些，然后跟tabindex说“赛有拉拉”，饿~~貌似不懂日文，应该说”古德拜”。比方说上面那个“忘记密码”，应该放在提交按钮的下面或后面，或

是有CSS定位到文本框后面，而不能直接跟在密码框后面，代码示意如下：

<input type="password" /><a href="#">忘记密码</a>
<input type="submit" />

<input type="password" />
<input type="submit" /><a href="#">忘记密码</a>