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



作为一名前端开发人员,我当然听说过可访问性。在创建网页内容时,我总是遵循最佳实践,而这些内容在屏幕阅读器阅读时不会有任何问题。就像我这个职位上的许多其他开发者一样,尽管我自己从来没有尝试过屏幕阅读器。这似乎总是一件很难做的事,而且我听说它很昂贵。几个月前,我花了一周的时间假装失明,用屏幕阅读器浏览网站,试图了解盲人用户是如何听到网站的。我学到了很多意想不到的东西,这些东西改变了我编写HTML的方式。关于可访问性最佳实践,有很多传言和错误信息。以下是一些绝对不真实的神话:

Using a screenreader blindfolded to test websites

谬论:屏幕阅读器阅读链接标题文本

这不是真的,让我大吃一惊!很长一段时间以来,我一直认为添加到链接中的标题文本是为了向屏幕读者描述链接的目的地。我现在了解到,标题文本实际上从来不会被屏幕阅读器大声朗读,这意味着添加针对屏幕阅读器用户的信息是完全没有意义的。如果这些信息是必要的,它实际上会使你的页面更难访问。我问HTML专家Jeffrey Zeldman是否应该在链接中使用标题文本,下面是他的答案:

We're researching link title text, & how it's not used by screen readers. Is there any reason to use it you can think of?

@silktide说:“我们正在研究链接标题文本,&;它如何不被屏幕阅读器使用。你能想到使用它的理由吗

@泽德曼说:“不!不要使用。

我写了更多关于我如何错误地认为标题文本改善了这里的可访问性。

谬论:盲人用户使用纯文本浏览器

不要混淆屏幕阅读器和浏览器,它们是不同的。屏幕阅读器读取整个桌面,而不仅仅是web浏览器。屏幕阅读器不是一种特殊类型的浏览器,它只是从你已经使用的软件中读取文本的东西。这意味着盲人用户将使用与其他人相同的浏览器。我被一位web开发同事错误地告诉,测试盲人用户体验的最佳方法是使用一个模糊的纯文本浏览器,如Lynx或w3m。

根据WebAIM的一项研究,大多数屏幕阅读器用户在Windows上使用Internet Explorer和Firefox。在普通浏览器之外的任何其他浏览器中测试您的站点可能不会提供盲人用户的真实体验。免费屏幕阅读器NVDA的用户最有可能使用Firefox,这是推荐的。你可能会惊讶地发现,作为网络开发者的首选浏览器,Chrome只被一小部分盲人用户使用。

谬论:盲人用户没有启用JavaScript

实际上有多少用户禁用了JavaScript?很久以前我听说这是十分之一,但那是很久以前的事了。如今,JavaScript不仅非常有用,而且对于许多网站来说,获得预期体验是必要的。由于盲人用户将使用普通浏览器,因此可以很安全地假设他们也启用了JavaScript。通过使用ARIA角色来增强键盘导航,完全可以让屏幕阅读器访问JavaScript界面。

谬论:动态加载内容不利于可访问性

像Twitter这样的网站会动态加载内容,例如当向下滚动页面时,Twitter会自动加载新的推文,这样你就不必点击“更多”。我原本以为这对屏幕阅读器用户来说是一场可访问性的噩梦,但在与一些盲人交谈后,我了解到这实际上比分页更好。当然,在朗读页面时,朗读的内容会出现尴尬的停顿,但这比进入第二个页面更好,在第二个页中,你必须再次浏览标题和菜单以找到内容。

不过,这仍然是一个热门话题。我读过一些盲人用户的评论,他们觉得自动加载内容令人非常恼火。它可能并非在所有场合都完美无缺,但我的建议是,不要将其视为无法实现;如果你正在开发一个动态加载内容的网站,首先让盲人用户测试一下。

谬论:盲人用户关闭了CSS

我们已经证实,盲人用户和视力正常的用户使用完全相同的浏览器。屏幕阅读器用户不太可能禁用CSS,在许多情况下,CSS会影响屏幕阅读器读取内容的方式。例如,您知道任何具有CSS属性的页面元素都会显示:none不会被屏幕阅读器读取吗?许多人认为,他们在页面顶部提供了一个“跳转到内容”链接,通过显示隐藏给视觉用户:无,从而帮助屏幕阅读器用户。事实上,屏幕阅读器遵守这一点,不要大声朗读。

谬论:所有图像都需要alt文本

关于创建可访问的网页,您可能学到的第一件事是在每个图像上指定alt文本。这仍然是一个重要的教训,对于使用屏幕阅读器的盲人用户来说,提供适当的alt文本是必不可少的,尤其是当图像包含文本或传达含义时。然而,并不是页面上的所有图像都需要alt文本。如果图像仅用于装饰,alt-text将无关紧要,可能会让屏幕阅读器用户感到困惑。在这些情况下,您根本不需要指定任何alt文本。如果是这种情况,最好的做法是通过指定一个空的alt=“”属性来表明您打算将其留空。

谬论:一切都需要Tabindex

不,没有,别管它!Tabindex旨在解决屏幕阅读器读取内容的顺序可能不是内容的最佳顺序的问题(在WCAG 2.0中实际上称为“焦点顺序”)。如果是这样的话,你需要认真考虑一下你的内容顺序,而不是把tabindex作为一种快速匹配。大多数情况下,tabindex只会让事情变得更加混乱,并会以非逻辑的方式让用户在页面上来回走动。

上周我试着在一个博客上使用一个评论表单,当我注意到验证码框没有包含在焦点顺序中时,我浏览了每个输入框。在使用Chrome的开发工具进行了一些检查后,我发现除了验证码之外,每个元素都指定了tabindex,将其按顺序向下推,这使得使用键盘提交评论非常困难。改变焦点顺序通常会导致比修复更多的问题。把你的内容放在一个合理的顺序,并保持它。

谬论:盲人用户使用里程碑角色和HTML5结构元素导航

您可能已经看到了新的HTML5结构元素,如<;旁白>和<;导航(>)旨在使我们的页面内容更有意义。此外,我们还可以在元素中添加一些里程碑式的角色,如“主”和“导航”,以表明其用途。这对于使我们的内容更容易导航来说无疑还有很长的路要走,但采用这些新技术还有很长一段路要走。

WebAIM调查显示,近35%的人很少或从未使用地标。这是一个不错的比例,但每个屏幕阅读器和浏览器组合都有不同的功能,而且并非所有网站都使用里程碑角色,因此这不是一种可靠的使用方法。最大比例的屏幕阅读器用户使用页面标题进行导航,使用键盘快捷键从一个页面跳转到下一个页面

总结

像许多其他人一样,我在实践中学习。有很多关于创建可访问网站的文章,但其中很多都是枯燥和理论性的。仅仅通过自己使用屏幕阅读器,我就能够学到更多关于盲人如何浏览网页的知识,以及如何创建更好的网站。显然,自己蒙眼睛并不能给人真正的失明体验,所以我真正建议的是让一个盲人检查你的网站,或者至少教你如何正确使用屏幕阅读器。在发表了第一篇关于可访问性的文章后,我最近与盲人用户进行了一些很好的对话,通过提问,你可以学到很多东西。如果你像我一样是一个实际动手的人,亲自尝试是一次宝贵的经历!

来源:https://speckyboy.com/myths-about-how-blind-people-use-the-internet/

0