残疾人|无障碍设计中的用户体验( 二 )

文章插图
当然市面上也存在一些色彩对比度检查器来帮助你更好完成工作：https://webaim.org/resources/contrastchecker/
2）不依赖颜色
在一些色盲患者眼中（包括红绿色盲、蓝黄色盲和单色色盲），他们眼中颜色的变化如下图一所示，当我们仅仅使用颜色的变化来提示错误时，他们无法接收到这些信息。所以我们不能单单只依靠颜色传达诸如「状态指示、区分视觉控件、实时响应」等信息，除了颜色外还需要增加设计元素，以确保他们能接收到和正常人等量的信息。
对于重要的状态，可以同时使用多个视觉提示。使用下划线、指示符、图案或文本等元素来描述操作和内容。

文章插图

文章插图
3）ICON不能作为唯一的元素
视障人士会使用屏幕阅读器，也叫读屏软件作为辅助工具来进行阅读，通过朗读出屏幕上的内容，让视障人士不用看屏幕就能操作电脑、手机等电子设备。常见产品有安卓的TalkBack，iOS和Mac OS的Voice Over，Windows的JAWS、NVDA（国产的有争渡、永德）等。
这些屏幕阅读器是无法识别一些icon的，所以当icon作为唯一的元素时，视障人士会无法识别信息。

文章插图
2. 听觉无障碍设计听觉障碍又称听觉受损，是指感测或理解声音的能力的完全或部分降低。
在设计中我们需要注意以下几点，来帮助听觉障碍者使用产品。
1）确保所有的功能在没有声音时，仍可正常使用
VUI设计（即语音体验设计），是一种通过语音快速完成传统点击多次任务的全新解决方式，但这种单纯地依托语音的信息输入与输出的方式，对于说话或听力障碍人群来说是一种奢望。就例如“天猫精灵”、“小爱同学”等设备对于听力障碍用户来说，就是无法使用的工具。
2）注重文案的撰写
保证文字表达的畅通，并且让文本内容易于理解，适当使用「文字替代」方案。例如听障人士观看视频时，可以启用文字对原用音频进行解说。这一行为不仅能帮助听障人群使用，也可以在嘈杂环境时，帮助普通用户理解界面的信息提示。
3. 行动无障碍设计行动障碍包括：不能操作鼠标、键盘、或触屏，以及普遍意义上的肢体障碍用户。
设计要点：
1）提供可用键盘控制的「获得焦点」显示状态
这些用户往往只能使用鼠标或单个按钮来完成所有操作，所以我们要确保所有界面控件交互都可只通过键盘完成（ functionally accessible from a keyboard ）或者只使用鼠标，并且控制的「焦点」状态要显而易见，例如下图中：选中的tab和选中的按钮。

文章插图
2）语音助理/语音输入
语音技术让有肢体障碍的用户可以更方便地操作手机、查资料、打字，但语音助手能做的事情有限，语音输入的环境也存在局限性。
3）确保可点击区域足够大
当按钮过小、排列紧凑时，肢体障碍的用户用起来会非常吃力，对于四肢健全的用户也很容易进行误触，尤其是使用单手操作、颠簸环境时，点错按钮会让人抓狂。所以要确保按钮的可点击区域足够大，就可以减少这种情况的发生。
WCAG规范和iOS平台的规范是：所有可点击元素的尺寸不能小于44x44px（iOS端是44x44pt）。安卓平台的规范更严格一点，不能小于48x48dp。
4. 认知无障碍设计认知障碍的范围非常广，包括记忆力、学习或语言能力、注意力、情绪控制等方面，认知障碍意味着用户可能需要辅助技术来帮助他们阅读文本，所以「文本替代方案」非常重要。