作为用户体验设计师，我们努力创造能够解决需求、与用户配合良好的体验。 但如果我们以自己的能力为基准，做出的东西对某些人来说很容易使用，但对其他人来说却很难。

通过无障碍设计，我们可以创建一个更加平等和包容的产品，无论用户的背景或能力如何均可受益。笔者在此，介绍几个在交互设计中做好无障碍设计的建议。

第一个建议是不要使用颜色作为传达信息的唯一视觉手段,这可以帮助对颜色不敏感的用户。我们应该使用颜色、纹理、图案、图标和其他视觉指示符的组合，下面的图片展示了一个坏例子和一个好例子。 左图仅依靠红色来告知所需信息，这会给色盲用户带来困难。 在右图中，感叹号和文本有助于通知用户需要输入电子邮件。

第二个建议是使用强调清晰度和易读性的字体，例如 Open Sans 和 Arial 。 字体的选择应与内容的基调、信息和品牌相一致。 看看下面银行网站的两个徽标。，它们的内容完全相同，但是您更信任这些银行中的哪一家？我会选择右侧的， 因为左侧徽标使用卡通字体可能会破坏用户期望的信任感和专业精神。

第三个建议是页面结构的设计，增添键盘导航选项可确保盲人和视障用户可以轻松访问您的网站。

如果您进入windows设置并打开“讲述人”（或 Mac 用户的 VoiceOver），闭上眼睛并使用键盘上的 Tab 按钮浏览网站，您将体会到盲人用户如何与页面交互。如下图所示，系统会按顺序读取页面的每个元素并将其读回给用户。 因此，考虑用户在浏览时会听到什么并设计结构清晰的页面布局非常重要。

最后一个建议是使用明确的语言沟通， 下图是个按钮命名的示范。通常，屏幕阅读器用户会浏览交互元素（如按钮）来找到他们想要的页面。 因此，当我们命名链接时，“单击此处”或“阅读更多”之类的名称没有任何帮助，因为它们无法传达所引导的页面。 屏幕阅读器用户需要浏览正文才能理解上下文，这会减慢他们的阅读速度。

最后我推荐一个检测可访问性的网站accessibility checker - 它会扫描您的网站并给出您当前可访问性级别的分数。 它还提供有关如何改进网站的建议。我用苹果手机的主页进行试验，令人惊讶的是分数只有 76，其中有 4 个关于视觉和交互设计的关键问题。

感谢您的阅读， 如果您对交互设计中的无障碍设计有任何疑问或想法，欢迎讨论。

免责声明：市场有风险，选择需谨慎！此文仅供参考，不作买卖依据。

文章投诉热线:182 3641 3660  投诉邮箱:7983347 16@qq.com