APP UI/UX无障碍设计的原则

移动应用程序和网站设计的无障碍访问性是什么？无论用户的物理能力如何，设计人员和开发人员如何才能提供对移动服务的完全访问？在今天的文章中，位于荷兰的Moqod公司的联合创始人Slava Todavchich分享了如何遵循设计可访问性原则、为什么它非常重要以及移动可访问性如何使世界变得更加温暖的想法。

移动设备的无障碍访问性是什么

全球超过50%的互联网流量都来自移动设备。对于身体能力有限的人来说，信息获取的问题可能与这些人完全没有基础设施的问题具有同样的意义。没有必要的信息，不可能成为一个完整的社会成员。我们是否考虑如何为有听力或视力问题、认知障碍和运动障碍的人提供全面的信息获取渠道？

视频链接：https://youtu.be/XB4cjbYywqg

现在，有一些国家已经在W3C联盟中采用了无障碍标准。移动应用程序的无障碍访问设计的基本原则非常简单：遵循常识和设计指南的基本原则。很明显，任何移动服务都是在现实生活中执行某些操作或遵循现实生活模式的特定工具。在残疾人的现实生活中，几乎没有任何行动比其他人花费更多的时间。这就是为什么UI/UX设计的简单性、纯粹性和直观性原则特别重要的原因。

为了检查它，让我们做一个简单的实验。让我们想象一个盲人梦想着找到爱。大多数人的正常愿望。如今，经常通过Tinder移动应用程序等在AWS云中被创造出来。一个漂亮的应用程序，有一个大多数人都熟悉的明亮的用户界面；你只需要左右滑动，即“爱”或“不爱”。现在让我们打开画外音模式，试着找到她或他。刷卡不起作用。画外音可以阅读的可理解的按钮标签完全不见了。该产品几乎不可能使用。而在同一个AWS能够识别一个人的照片并为其提供足够清晰的语音描述的日子里，所有这些都已经足够了。

现在让我们考虑一个在应用程序中实现出色的设计无障碍访问性的例子。在欧盟国家，根据法律，国家当局的数字产品必须对所有用户开放，无论他们的能力如何。荷兰是这样一个国家，每一米的公共空间，包括一个信息空间，被认为是最小的细节。主要城市的街道和所有火车站都设有标志和触觉围栏。荷兰铁路应用程序是根据这些要求设计和开发的。每个标签都在应用程序的所有本地化中适当地签名。闭上眼睛，你可以建立和计划路线，听到关于火车、车站、晚点、买票等的信息。

用户体验无障碍访问性原则

现在让我们回到适合每个人的设计原则。首先，值得一提的是，在无障碍设计中，有四个主要的障碍区域：

认知能力；

视觉；

听力；

运动障碍。

视频链接：https://youtu.be/SUXCrOq2vj0

这些损伤可以是永久性的（例如瘫痪），也可以是暂时性的（例如手断了），也可以是先天性的（自闭症）和后天性的（老年人视力模糊或手颤抖）。

设计无障碍的主要原则是：

简单性

即使闭上眼睛，产品也应清晰可见。这包括任何良好设计的基本原则：

导航简单，

快速启动和反应，

可靠且可预测的用户体验。

印象

优先级应设置为产品及其用户界面的清晰度，无论是对比度、字体大小，还是按钮、表格和模式元素的正确标签。

责任和同情心

幸运的是，我们大多数人并不打算以残疾人的身份去体验这个世界。这就是为什么作为数字解决方案和产品的设计者和开发人员，我们应该注意使我们的信息能够为最大的受众所访问。

视频链接：https://youtu.be/ElifzykHt7U

不要忘记测试具有辅助功能的应用程序。创建具有无障碍访问性选项的界面：动态字体大小、画外音、放大对比度等。

将无障碍访问性集成到应用程序设计中不需要付出很大的努力。以下是一些有效的实践，可以扩展残疾人的应用程序无障碍访问性。

这里最简单和最具启发性的步骤是用代码中相应的标签标记应用程序控件、图形和必要的动态内容。因此，VoiceOver和Talk Back的内置机制将转录它们的值。

视频链接：https://youtu.be/IFnqBtLNoPY

测试这个功能并不消耗资源：QAS只需在Voiceover和Talk-Back模式下查看应用程序，并确认所有必需的元素都被适当地转录和标记。如果应用程序支持多个本地化，则应在所有本地化中进行测试。您应该应用适当的动态字体，如果用户在“设置”中设置放大的字体，则可以对其进行缩放。验证标签是否以放大字体正确显示，应用程序的用户界面是否未损坏。使用各种辅助功能测试应用程序，如粗体字体、增加的合同、暗模式等。确保UI正确响应这些更改。

底线

所有这些都不需要花费大量的开发和测试费用。对于许多专业团队来说，它是任何项目的必要组成部分。

谷歌和苹果的指南清楚地描述了适合无障碍设计的详细原则。设计人员和开发人员的主要任务是使技术可访问。技术对更多的人来说越容易获得，就越有机会使它对每个人都有利。

一如既往，一切都取决于目标。对于政府服务和公司的应用程序，这条规则应该是强制性的。如果你正在用更有趣的表情符号开发另一种类似Instagram的软件，那么很难理解你对此的困扰。然而，你的受众范围越广，支持残疾用户就越重要。

作者： Slava Todavchich

翻译：高慧

原文链接：https://icons8.com/articles/accessibility-ux-mobile-app-design/