触摸屏设备上的屏幕阅读器

第一反应可能是，如果用户看不到屏幕，他们怎么知道触碰哪里?为视力受损的用户设计触摸驱动的界面似乎是不可能的。和如果这是不可能的，那么你就不需要尝试。错误:这并非不可能，让触屏设计更具易用性是值得努力的，特别是因为触屏是所有现代移动设备的交互方式。

没有多少设计师、开发人员和UX专业人士有机会深入了解盲人或视力低下的人如何使用触摸屏。说实话，直到我参加了一个关于可访问技术的会议，我才知道。

第一天，在一家酒店的会议室里，许多人在关闭屏幕的情况下，专心地在他们的触屏手机和平板电脑上敲击、打字和滑动，这让我感到震惊。他们戴着耳机听屏幕阅读器在屏幕上朗读文本。在大会召开之前，我试用了几次手机内置的屏幕阅读器，主要是为了让人大声朗读长篇文章。但我从来没有在关闭屏幕的情况下冒险使用网络或应用程序。

作为一个视力正常的人，我不习惯使用屏幕阅读器，仅仅依靠口头文字与手机互动很快就让我感到疲惫。我很不耐烦，因为我不能快速瞥一眼屏幕上还有什么。我不得不等待读者宣布一些有趣的东西，或者在屏幕上滑动我的手指，希望听到我想要的关键词。有一次，我不小心激活了浏览器的设置菜单，怎么也想不出发生了什么。关闭屏幕也测试了我的回忆的能力，尤其是打字的时候。通常情况下，我打字很快，甚至不用经常看键盘就能打字。但是，因为有屏幕键盘上没有触觉反馈当你看不到钥匙的时候在所有这要困难得多。例如，假设你看不到屏幕，而你想在网上搜索延长线。你在搜索框中，你的目标是字母X，但屏幕阅读器告诉你，你的手指落在了c上。你的手指向左还是向右移动?刁钻问题——正确的答案是你放弃并使用听写工具，因为它会花费你很长时间来输入词组“延长线”。

移动设备对每个人都很方便

盲人或视力低下的人依赖触屏移动设备的原因和正常人一样:便携性和随时随地的便利性。发短信，发电子邮件，打电话，查看明天的天气，了解最新的新闻头条，为自己设置提醒和提醒——我们都很喜欢在忙碌的时候快速使用这些工具。视力低下的人也不例外。此外，一些专门为视觉障碍患者设计的应用程序可以帮助他们识别颜色、货币、标签，甚至物体。

触摸屏设备上的屏幕阅读器和手势

对于视力低的人来说，使用触摸屏通常包括听屏幕阅读器朗读文本，并通过多指手势辞典与屏幕上的元素互动。

屏幕阅读器是识别屏幕上显示的元素并通过文本语音转换或盲文输出设备将信息重复给用户的软件程序。当有视力的人用视觉扫描页面时，有视力障碍的人则使用屏幕阅读器来识别文本、链接、图像、标题、导航元素、页面区域等。

听屏幕阅读器需要大量的注意力，并显著增加用户的注意力认知负荷．你必须在朗读文本时集中注意力，这样你才能弄清楚页面上有什么，你感兴趣的是什么，以及某个元素是否具有可操作性。与视觉网页不同，屏幕阅读器也会严格地呈现信息顺序排列的:用户必须耐心地听页面的描述，直到遇到自己感兴趣的内容;他们不能直接选择最有希望的元素，而不先关注它之前的元素。但是，可以使用一些直接访问。如果用户希望新闻标题出现在页面中间，他们可以将手指放在屏幕的一般区域，让语音阅读器跳过该位置之前的页面元素，从而节省听整个页面的时间。如果用户希望购物车位于屏幕的右上角，他们可以直接触摸屏幕的那一部分。

如果你错过了什么，就无法回头看了。相反，你可以用一根手指在屏幕上弹来弹去，直到听到你错过的内容。听一个页面被大声朗读需要用户在他们的短期记忆．考虑一下听服务员背诵一长串特色菜的任务:当你决定晚上选择entrée时，你必须注意并记住所有的特色菜。当你听屏幕阅读器时也会发生同样的事情，只是规模更大。

现代移动设备都有内置的屏幕阅读器:在Android设备上，文本语音转换程序被称为TalkBack，在苹果iOS设备上，它被称为VoiceOver。下面是运行iOS 8.3的iPhone上的VoiceOver的视频演示。

)你可以自己试试。打开设备的可访问性部分的屏幕阅读器。对于iphone，进入设置>一般>可访问性>语音结束。对于Android，去设置>可访问性。试几个小时吧。祝你好运。掌握窍门需要一段时间，但它会来的。)

在触屏设备上浏览涉及范围的手势，其中许多手机提供的功能远比视觉世界中的点击和滑动手势要多得多。为了让你更好地理解，这里有一些画外音最常见的手势:

• 拖一个手指在屏幕上探索界面，并听到屏幕阅读器说出你手指下的内容。
• 电影两个手指向下看屏幕，听它从上到下读这一页。
• 单一的水龙头将按钮或链接聚焦(这样你就知道它是什么了);双击激活控制。
• 3-finger水平的电影相当于普通的滑动。
• 3-finger垂直电影上下滚动屏幕。

如你所见，低视力用户需要学习的手势词汇非常广泛。我们知道手势的可发现性和可学习性都很低，但对于高级用户来说，它们确实代表了在很大程度上基于顺序访问的系统中高效导航的唯一方法。

影响设计

视觉信息的缺乏对用户体验造成了沉重的负担，因为人们无法快速浏览页面，浏览菜单选择列表，或确定目标。他们不能使用视觉线索来检测页面层次结构、分组、内容之间的关系，甚至图像的色调。他们必须根据屏幕阅读器所说的文本来辨别这些信息。此外，为了与网站或应用程序进行交互，他们还必须学习所有的手势。这是大量需要追踪的信息，我们甚至还没有提到理解内容本身的要求。

设计人员和开发人员在创建界面和应用程序时，需要考虑到用户的低视野。(当然，他们应该努力争取包容性设计它考虑了所有类型的心智障碍，如认知和运动障碍的人。但在这篇文章中，我们主要关注的是视力障碍。)以下是一些建议。

请记住，对于视力正常的用户来说，可用性问题在视力不正常的用户身上会被放大。

如果对视力正常的用户来说，远程体验很有挑战性，那么对盲人来说，这种体验就更有挑战性了。通常情况下，改善视力正常的人的界面对于改善视力受损的人的网站有很大的帮助。

• 专注于删减多余的副本以及给用户带来很少好处的功能。页面上的文本越少，视觉正常的用户可以浏览的文字就越少，屏幕阅读器用户可以听的文字也就越少。
• 减少交互成本在可能的情况下，通过重新工作工作流，使人们能够更有效地完成任务。

投资于编写更清晰、更容易访问的代码。

请记住，有视力障碍的用户可能无法感知视觉线索，如分组和配色方案确定元素之间的关系或者评估等级制度。相反，它们依赖于代码的提示:标题级别(H1, H2等)传达主要内容部分。以标识符“链接”或“按钮”结尾的文本告诉用户该项目是可操作的。

• 为图像添加替代文本，描述任何从页面上的文本中不明显的内容。
• 使页面易于只用键盘导航，您将解决人们在移动设备上使用屏幕阅读器的一些最常见的可用性问题。

不要为了独特而创造复杂的手势。

由于屏幕阅读器已经使用了如此多的手势，网站创建额外的手势(或劫持现有的手势)会造成巨大的可用性问题。

结论

设计师、开发人员和可用性专业人员需要了解盲人或低视力者使用触屏设备的体验。除此之外，我们需要记住这一点遵循易访问性指导方针不是最终目标:可用性才是．

更多关于如何创建可用、可访问的设计的提示，请参阅我们的免费报告:无障碍网页设计的可用性指南。