有温度的技术，改善上亿人的生活

06

有温度的技术，改善上亿人的生活

鱼小皮

哥，现在的 APP 真是越来越难用了，功能多、操作复杂、广告更多。

唉，可不是么，而且人们的生活已经离不开 APP 了！

老百

鱼小皮

我爷爷最近的视力下降的很快，用 APP 还老点到广告，真担心他以后没法使用手机，影响生活。

说到这个，最近有个新闻，要对大量的网站和 APP 进行改造。

老百

一则新闻

12月25日，工业和信息化部副部长刘烈宏宣布，工信部将于明年 1 月起进行为期一年的 “互联网应用适老化及无障碍改造专项行动”，着力解决老年人、残疾人等特殊群体在使用互联网等智能技术时遇到的困难，首批将优先推动 8 大类 115 家网站、6 大类 43 个 APP 进行适老化及无障碍改造。

首批适老化及无障碍改造 APP 名单中，包括腾讯新闻、新浪微博等新闻资讯类产品，也有微信、QQ 等社交通讯工具，还有淘宝、京东、抖音、百度等生活购物类产品，以及支付宝、百度地图、滴滴出行、叮当快药等金融、出行、医疗领域 APP。

首批适老化及无障碍改造 APP 名单

专项行动方案指出，针对老年人，要推出更多具有大字体、大图标、高对比度字等功能特点的产品，鼓励更多企业推出界面简单、操作方便的界面模式，实现一键操作、文本输入提示等多种无障碍功能。提升方言识别能力，方便不会普通话的老人使用智能设备。

针对视力障碍人士，推动网站和手机 APP 与读屏软件做好兼容，解决"验证码"操作困难、按钮标签和图片信息不可读的问题。推动企业设计研发智能导盲技术和功能。

针对听力障碍人士，鼓励互联网产品内容信息加配字幕，提高与助听器等设备的兼容性。推动企业提供在线客服等其他可替代电话客服的服务方式。

针对肢体障碍人士，引导网站和手机 APP 支持自定义手势，简化交互操作，推出更多贴合肢体障碍群体需求特点的互联网应用。

此外，针对当前互联网应用中强制广告较多，容易误导老年人的问题，互联网网站和手机APP完成改造后的适老版、关怀版、无障碍版本，将不再设有广告插件，特别是付款类操作将无任何诱导式按键，以便各类特殊群体方便、安全地使用。

鱼小皮

哇！这真是太棒啦！话说新闻中反复提到的无障碍究竟是个啥？

无障碍是指任何人在任何情况下都能平等、方便、无障碍地获取并利用信息。在中国，老年人、视障、听障、读写障碍人士等占中国人口数的 20% 左右！而放眼全球，据统计，每 7 人中就有 1 位有或重或轻的残障体验，而全球有超过 70 亿人。

老百

鱼小皮

也就是说残障人数超过 10 亿！

没错！因此，在如今的信息互联网时代，所有人都应该能顺畅高效地使用互联网产品，享受到科技带来的便利，而不是将部分人拒之门外。因此，无障碍（Accessibility）不仅是重要的产品标准，也是一项关键技术。

老百

鱼小皮

听起来很美好，但感觉很难实现呀，我完全无法想象盲人怎么使用 APP。

可以使用上面新闻中提到的读屏软件。

老百

盲人如何使用 APP

读屏软件是一种改变了设备交互方式的系统服务，如今的智能设备基本都自带了读屏，比如知名的 TalkBack。

TalkBack

读屏软件开启后，屏幕上会出现一个焦点，用户以触摸或者手势的方式移动屏幕上的焦点，读屏软件会读出当前焦点的内容。用户找到自己想要使用的控件后（比如一个按钮），双击屏幕的任何位置都可以将其激活（点击按钮）。

其他的一些常见交互手势有像滚动、放大缩小这些也有对应的手势，让盲人用户可以通过 TalkBack 等读屏软件在看不见屏幕内容的情况下，也可以了解各种应用界面的组成，并进行自如地控制。

Talkback 手势操作

鱼小皮

原来如此！想起来之前不小心给手机开启了无障碍，结果完全不会用。那如果我也想给自己的应用添加无障碍功能，怎么办呢？

想要开发无障碍应用，必须先明确信息无障碍的需求，再进行具体实现。

老百

无障碍开发

无障碍体现在硬件设计、操作系统、应用软件等各个层面，但对于应用开发者，较多的实现可能是在前端层面。

下面讲述无障碍开发的基本需求和对应实现方式。

1. 描述用户界面控件

屏幕阅读器是最常用的解决视觉障碍的方式。想要让屏幕阅读器朗读出整个页面的布局和内容，就要让它先认识我们的界面。因此必须给界面控件添加一些描述性内容，方便屏幕阅读器的读取。

如果是前端开发，可以使用语义化的 HTML 标签，比如 <Header>、<Footer>，能够被屏幕阅读器理解。可以使用 aria 属性来描述元素的状态，用 role 属性来描述元素的实际意义。还可以使用无障碍表单等其他技术。

对于安卓开发，推荐使用 Android 内置的界面控件，默认提供了无障碍支持。也可以使用描述属性来为Android 辅助功能服务提供信息。

2. 提供多种操作方式

确保任何使用鼠标能完成的功能也可以只通过可控制方向的软硬件来完成，比如键盘、导航手势、轨迹球等，以适应更多的人群。

想要实现仅通过方向来浏览整个页面，可以采用以焦点为基础的页面导航，控制焦点的移动即可。

因此，需要使所有的界面组件可获取焦点，并且调整组件的焦点获取顺序，以使其更符合用户操作逻辑。

在前端开发中，可以使用 JavaScript 语法管理焦点，配合  onFocus  和  onBlur 实现焦点获取和离开事件。

3. 多级反馈

通过多级反馈机制，来为不同障碍用户提供支持。当手机接受到短信时，会发出提示音，但是听障用户是无法感知到的，因此还要提供一定的视觉反馈和触觉反馈，比如呼吸灯闪烁、手机振动等。

4. 调试和体验

给应用添加无障碍功能后，我们要进行调试和真实体验，闭上眼睛、仅使用方向键控制，借助读屏软件来模拟障碍人群使用应用，建议邀请其他第一次使用该应用的用户来体验，效果会更好。

鱼小皮

太好了！科技向善，以后我也可以做出更有温度的作品啦！

我也要去食用有温度的披萨了~

老百

往期推荐

觉得不错，长按关注叭

送您「最全 Java/前端 教程和面试题」关注领取

点小花花，让他们知道你 “在看” 我