三、QQ浏览器无障碍解决方案
（一）QQ浏览器多样功能的实施方案
在项目实施过程中，团队将QQ浏览器主要的使用场景都列出来，包括主要的功能及主要的信息获取方式：主要功能如搜索、快链、页面的前进后退、多窗口、主菜单等，主要的信息获取方式包括起始页左上角的天气和主页上的信息流等。针对各个功能和信息获取方式，设计不同的实现逻辑。
① 起始页左上角的天气区域
针对位于起始页左上角的天气区域，将天气的视觉表现和语音播报方式区分开来，视觉表现是先展示当前气温，再展示地域，针对语音播报，朗读顺序为地域，当前温度和天气类型，例如“成都，当前温度22摄氏度，天气阴”，这样更符合视障人群的听觉习惯。
（图）:起始页左上角天气区域
② 功能入口
针对功能的入口，比如设置里的搜索引擎设置项，当用户手指滑动到这个设置项时，会提示用户“设置搜索引擎，当前设置为搜狗，点按两次即可激活”，一方面提示用户这个设置项是设置什么，并且告诉用户当前设置是什么，还告诉用户如何更改设置。
③ 语音阅读能力
针对网页内的内容，我们针对障碍用户提供了语音阅读能力，将整个网页内容通过语音阅读的方式展示出来，让障碍用户也能毫无差别的了解到网页内的信息。
④ 物品识别功能
团队充分借助了QQ浏览器在机器学习能力上的优势，在摄像头上专门做了识别能力，用户只需要将QQ浏览器首页下拉，就能打开这个功能，将手机对准物品，就能通过QQ浏览器的强大的机器学习能力，识别这个物品，并且展示这个物品的相关信息。
（二）QQ浏览器无障碍项目的关键技术突破
QQ浏览器无障碍项目主要包含三个方面，第一，是读屏能力的扩展；第二，是网页的语音阅读，第三，是利用机器学习算法进行物品识别。
读屏能力的扩展：首先，团队优化了系统自带的接口，根据业务需求，整合了各个功能的阅读方式，让阅读方式更加人性化；然后，团队扩展了自研的跨平台开发框架Hippy，让这个完全具有自主知识产权的开发框架天然支持信息无障碍化，让使用这个框架的研发人员无需专门关注信息无障碍就能直接拥有这个能力。
网页的语音阅读：团队研发了自己的TTS（语音合成）组件，和QQ浏览器的自研内核进行配合，解析出网页内容，并且将其读出来。
物品识别：QQ浏览器的机器学习团队，专门针对花草、汽车、翻译和题目，自研了针对各自类型的识别模型，帮助用户使用摄像头准确识别出拍照的物品，让障碍用户用摄像头去识别周围的世界，让QQ浏览器的摄像头成为视障人群的另一双眼睛。
（图）:物品识别功能页面
四、项目成果
QQ浏览器无障碍项目的关键技术，都可以推广到行业内的其它App。读屏软件相关的扩展和自研跨平台框架都可以帮助行业内的其它厂商低成本的实现信息无障碍化；
自研的TTS（语音合成）组件和浏览器内核，可以替代其它厂商使用的系统内核，天然支持网页的信息无障碍化，无需网页的支持；
浏览器的摄像头项目，能够成为视障人群的另一双眼睛，帮助视障人群感受周围的世界。
QQ浏览器在8.7版本落地了以上全部能力之后，邀请深圳市信息无障碍研究会专业的视障工程师对QQ浏览器进行了深入的体验，得到了深圳市信息无障碍研究会的高度评价。8.7版本在与QQ浏览器的历史版本垂直对比以及与其他APP的横向对比中，都得到了很好的口碑。
此文转载自《中国信息无障碍实践案例汇编（2018）》，版权归属于中国信息通信研究院和深圳市信息无障碍研究会。
#你身边的无障碍#
发表评论