编辑导语：跟着互联网的成长，更多人会利用电子产物获取信息；许多产物开始没有意识障碍群体复杂的用户量，往往到了利用环节才呈现问题，所以信息无障碍成果已经成为了产物须要的思量环节；本文作者分享了关于信息无障碍的研究与应用，我们一起来看一下。

信息无障碍，是指任何人在任何环境下都能平等地、利便地、无障碍地获取信息和操作信息。

跟着互联网包围越来越广，对付身体有范围的群体而言，越发急切通过互联网获取信息，而这就需要互联网产物举办信息无障碍的优化。

在我国其受益人群至少包罗：8500多万残障人士，2亿多60岁以上的暮年人，数量复杂；率先思量信息无障碍能为产物增加优势而带来更多用户。

如今智妙手机掀起了一场无障碍帮助东西的革命，而站在这个要害点的互联网设计师，也要开始动作起来，先从以下这几个容易实现的工作开始着手举办无障碍的优化吧。

一、关于读屏

对视障用户来说，是用听取读屏语音来相识你设计的界面信息的。

读屏软件就像他们相识互联网世界的眼睛，它的道理是直接读出界面里的文字，假如icon按钮未加无障碍标签读屏会读为“无法发音”，那么视障者就无法获取这些信息，自然也就无法利用你设计的成果。

办理的步伐是:

需要在产物代码中添加无障碍标签(Android :contentDescription ; iOS:accessibilityLabel在对应的开拓者文档里很容易找到，可以发给你相助的研发同学)。

装饰性icon可埋没标签不读，晋升读屏效率。不发起不做处理惩罚也不加标签，那么用户听到的就是“无标签”，这样会让用户觉得这里有什么重要信息读不到而感想不安。

标签语义简短精确，尽大概利用动词。

须要时需要走查核心顺序，确保不会被错误的核心顺序误导页面寄义。

而且更好由设计师举办语义的标注，因为设计师才是对页面里图形应用最相识的人。制止呈现“搜索”被写成“放大镜”、可能是“searchBtn_123”之类的环境。

二、关于色彩

颜色可以用来区分信息数据的种别和维度，也可以辅佐转达情绪等重要信息；然而，世界上有高出8%的男性和0.4%的女性都被色觉障碍的问题困扰；我们凡是笼统的称这类人群为“色盲”，他们是典范的识别颜色有问题的群体。

“色彩”的方针是“易于感知”，指的是互联网产物的内容信息的色彩对任何人来说，都应该拥有足够高的辨识度和舒适度，我从以下4个偏向举办先容。

1. 更安详的配色

a. 色瞽者群

设计师在举办设计配色时应时刻自测，制止明度相似的橙黄绿两两配色和明度相似的红绿配色，因为这样的配色势必会造成色盲用户的可读性问题；而且，赤色在红绿色瞎眼中并不是一种豁亮精明的颜色。

相反赤色对他们来说显得很是深，而暗赤色则险些靠近玄色；因此色瞽者士很难判别出文章内的深赤色的强调字，从而漏掉要害信息（设计时，可操作此插件模仿色瞎眼中的颜色：Color Oracle） 。

b. 文化差别

因为色彩在差异国度文化中代表差异寄义，所以对付国际用户来说也是存在障碍的；在西方文化里，赤色凡是用于暗示消极趋势，而绿色则暗示努力趋势，但在东方文化中却正相反。

c. 非凡群体

临床医学研究表白对付部门自闭症患者来说，高饱和高比拟度的颜色，甚至只是黄色城市让他们感想不舒服和不安，因此在自闭症病愈中心是不会呈现过于比拟 *** 的颜色的。

别的，暮年群体跟着年数的增长，晶状体变黄变污浊，会选择性的接收蓝光，从而导致暮年人对蓝色的辨别本领下降明明；假如你的主流用户是暮年人，请只管制止将蓝色运用到重要的按键中去。

2. 更强的文本比拟度

文本比拟度与可读 *** 息相关，它丈量的文本颜色和配景致之间的明度差。

WCAG AA对付文本比拟度的类型是：4.5:1，若字号够大（>18pt，或粗体>14pt）时，尺度可降到3:1；假如满意4.5:1这个尺度会让你的页面视觉看起来不那么优雅，可以实验局部增强可视性的要领：

关于可读性其他需要留意的点：只管不要在图片上叠加文字，除非你能担保图片配景颜色单一且比拟度足够高。