他们的痛点 / Concern

如何做对他们更友好的设计 / Continue

• 色彩

【颜色对比度】

提高文字、图形与背景的对比度，可以帮助用户有效的改善可读性。文本以及图像至少要有4.5:1的对比度。大号文本以及大号文本图像至少有3:1的对比度。

【颜色使用】

色彩应用，颜色并不是作为传达信息、表明动作、提示响应或区分视觉元素的唯一视觉手段。在输入框输入错误的时候不应该只用颜色提示，否则色盲人士并不知道颜色发生了改变。

针对对颜色识别有障碍的色盲色弱用户，据统计，红绿色盲最为普遍，99% 的色盲都患有红/绿色盲。抖音推出了【色弱模式】，在观看视频和直播的同时帮助用户矫正色彩，提升他们的观感。

• 文字

以iPhone X 为例，观看屏幕的舒适举例为38-40cm。能舒适观看的情况下正文字号大小应该设置为15pt。但是每个人的视力状况不一样。通过理论研究和用户实际调研测试确定了抖音字体放大的倍率规则，满足用户对大字号的需求。

尽量用文字来表意，很多老年人和认知障碍人士对于一些图形图片的理解是比较吃力的，在产品设计中我们应该尽量以简单明了的方式让用户理解页面信息，提高产品的可理解性。页面元素越简洁越容易被用户理解。

• 触控

【可交互的元素需要提供足够大的触区】

越大的点击热区越容易被用户操作也会减少误操的几率。费茨定律的原理：“距离越远，目标越小，移动光标并指向该目标所需的时间就越长”。所以我们需要尽可能的放大目标对象，减少目标距离。可跳转触区最好能达到44x44dp，触区设置为 48x48dp 或更大尺寸，才能确保实际尺寸达到约 9 毫米。

【语音助手-Siri】

语音助手对于肢体残障人士和老年人是非常友好的，iphone的开发者可以通过和apple的捷径short cut来启动快捷指令，通过Siri来直接进入目标页面。我们也在通过更多的捷径设置让用户更快捷的使用产品。

• 读屏

【是什么】

通俗的解释就是视障用户看不到屏幕中的元素，只能通过一些手势来选中控件，手机会朗读开发者给控件添加的注释，以便视障用户可以听见控件，并操作页面。

视频来源：盲探小龙蛋访谈

【读屏标注需要注意的点】

表达本意，而非表意

朗读尽量准备简洁，避免冗余，banner图片类的也需添加注释帮助用户理解

有他们参与的设计才是更好的设计

能做好上述几点，基本上能保障基础的无障碍体验了。但仅仅做到这些是远远不够的，后续我们会分享更多信息无障碍适配的内容，希望能帮助到准备做无障碍设计的同行。我们不应该把无障碍设计看作一个或者几个功能的集合，而是让无障碍设计的理念贯穿整个产品设计过程中，我们始终需要带着这样的思考：如何能让尽可能多的用户享受创作和交流的快乐，享受互联网带来的便利。

本篇文章来源于微信公众号:抖音设计中心