感官心理学：视障人士的交互辅助

为了消费内容，视障人士经常求助于辅助技术，例如屏幕阅读器。此类工具扫描图像，查找图像辅助文字说明的alt标签，并通过向用户大声朗读文本来解释它们。设计师可以通过提供传达图像含义的简洁和信息丰富的描述来帮助这些人。想象一下通过电话解释图像——你可能专注于想法而不是颜色或图案。alt标签没有固定限制，一般应该控制在 150个字符，因为较旧的屏幕阅读器最大仅能显示这么多字符数。

为可访问的输入使用多个提示，设计师不应该只靠颜色生活。否则，色盲的人将无法使用他们的产品！例如，红色和绿色的错误和成功状态对用户没有任何意义，因为它们看起来几乎相同。除了颜色之外，设计师还有其他可视化工具，比如图标和标签，它们可以辅助颜色并帮助正确传递信息。

使用纹理来增加可访问性。例如在不使用颜色的情况下如何区分元素？我们有一个简单的答案——纹理。色盲用户可能无法区分红色与绿色或蓝色与黄色，但他们绝对可以感受到点和对角线图案之间的区别。最终，模式和纹理实际上可以帮助所有用户解释图表和信息图表，因为它们具有明显的变化。

对于有视力障碍且不能完全依赖图像内容的人来说，文本就像是波涛汹涌的信息海洋中的一盏明灯。这就是为什么在文本与其周围背景之间提供足够的颜色对比至关重要的原因。WCAG2.0建议对正常大小的文本保持至少4.5:1 的对比度，对较大的文本保持3:1的对比度。使用Arial、Verdana、Tahoma或Helvetica等无衬线字体可为所有用户提供 100%的易读性，因为它们通常更简单且更易于阅读。WCAG2.0建议还指出，整个网站文本的大小必须可调整至200%，而无需辅助技术和内容或功能损失。您还应该将此准则应用于触摸显示器和捏拉缩放行为。看似很小的细节对视力障碍者却有重大影响。他们无需将设备放在鼻子前查看和阅读内容，而是可以简单地放大。

在可访问性领域的最新创新中，语音用户界面 （VUI） 使视障用户能够轻松地与网站和应用程序交互。他们所需要的只是他们的声音和耳朵！对于那些手或眼睛忙于做饭或开车等其他任务的人来说，VUI是一个有用的工具。VUI在与用户交互会话过程中，至少得能够保持音频信息简短并允许中断、语速快慢可控制和功能易于发现使用等基本要点。

与开发人员合作，使用HTML来构建内容，确保内容布局可预测且便于屏幕阅读器浏览。Z模式被认为是浏览着陆页和内容不超载的网站的最常见模式之一，这种布局遵循字母Z的形状，读者将从顶部/左侧开始，先水平移动到顶部/右侧，然后再对角线移动到底部/右侧，然后再完成另一次水平移动到底部/右侧（图01）。确保HTML反映了这种视觉层次结构，屏幕阅读器遵循着用户预期的顺序，并向无法正确感知视觉内容的用户正确解释设计。而对于博客、报纸或杂志等负载较重的网站，则可以使用F型布局。这个模式布局是雅各布·尼尔森（Jacob Nielsen）在其公司进行的眼动追踪研究之后首次提出了这种模式。与其他模式一样，眼睛从上/左开始，水平移动到上/右，又回到左边缘，然后再向右进行水平扫描。在第二次大扫描之后，向右移动的距离越来越短，并且在大多数情况下，越当向下移动时，眼球会越紧贴左边缘（图02）。

图01：Z型阅读路径       图02：F型阅读路径

一些视障用户可以通过点击键盘Tab键或导航箭头来浏览网站。作为设计师，我们也应该牢记一些基本问题。首先，键盘焦点应该是可见的。默认情况下，大多数网站使用灰色虚线或实心蓝色边框，但你可以通过使其与您的品牌颜色保持一致来调整您的焦点样式。其次，确保焦点遵循视觉布局的编码顺序。它通常从最重要的内容到不太重要的内容从左到右、从上到下流动。键盘用户应该访问所有交互元素，包括表单、下拉菜单、按钮、模式对话框以及用户可以使用鼠标访问的其他基本页面部分。

用动作来表示元素。工具提示是告知用户特定元素可以做什么的小知识，例如有或没有残疾用户可以使用的鼠标、其他指针设备、键盘、屏幕阅读器、缩放软件和任何其他辅助技术等。工具提示在悬停时弹出然后很快就会消失，提示不能包含完成这个或那个任务的说明，那样会强迫用户去记住提示的内容，使他们的记忆力和眼睛疲劳，对于视力受损的人来说很难。如果没有任何有用的内容，可不要提供工具提示。否则，可能会造成信息污染并浪费用户的时间。