QQ空间｜“无障碍AI技术”对外开放项目（二）

*** 次数：10899999 已用完，请联系开发者***
三、QQ空间无障碍解决方案
在研发流程上，QQ空间团队积极探索更加敏捷和高效的合作方式，通过对项目管理五大过程的梳理，明确各阶段对信息无障碍的具体支持。
1.启动阶段：产品经理就对需求进行标识是否涉及信息无障碍，以及确认信息无障碍化的规范；
2.开发阶段：开发工程师依据需求实现信息无障碍化；
3.体验阶段：产品经理需确认对应的需求是否已实现信息无障碍；
4.系统测试启动阶段：在第一天提供测试版本给信息无障碍研究会的测试团队进行测试；
5.灰度及发布前：在灰度期间对相关缺陷进行修复，在发布前由无障碍测试团队进行回归验证。整个信息无障碍流程在同一个版本周期内运作，确保严重的缺陷能在当前版本内解决。
（图）：手机QQ空间无障碍化运作流程
在信息无障碍技术方面，QQ空间团队一直不断在探索前进，积累了丰富的技术实践经验及规范，内容如下：
（一）Web页面信息无障碍
早在PC时代(2008-2012)QQ空间就进行了信息无障碍支持，经过多年的经验与沉淀，QQ空间从信息无障碍的四原则（可感知、可操作性、可理解性、强健性）输出了信息无障碍的技术规范。规范中规定QQ空间Web信息无障碍的技术方案与实施的最佳实践，如：
1、信息无障碍导航：快速定位重要内容，跳过冗余信息减少操作步骤，并兼容NVDA的浏览模式与焦点模式，提升了QQ空间的易用性；
2、规范HTML的文档流：内容呈现顺序不受布局的影响；信息无障碍的对话框，呼起对话框时能使其聚焦可访问，关闭时能返回之前的焦点元素；
3、快捷键：定义快捷(AccessKey)操作方式，如(Alt+Q)来方便用户快速定位至说说发表框等。
（二）移动端APP信息无障碍
APP信息无障碍方案主要是读取当前屏幕焦点位置的元素，方便有视觉障碍的用户通过触摸屏幕(操作键盘)的方式来获取当前屏幕信息。iOS 下是 Voice Over，Android 下面是 Talk Back。
1、iOS系统里解决的痛点问题:
（1）未设置焦点或者焦点被覆盖（主要痛点）：手机QQ空间有一个版本出现好友动态列表的赞、转、评等元素焦点被覆盖的情况，主要是由于这些元素的父元素设置了焦点导致；随后发现是系统的限制：父View如果为AccessibilityElement,子element将不响应voiceover。随着业务功能迭代，界面元素越来越复杂，这种情况导致的缺陷占比相当高；
解决：如果只想显示子视图焦点，可以直接将父视图设置成disableAccessibility，否则需要调整下视图层级结构。
（2）无用空焦点：空字符串不影响界面正常展示（比如VC空title），但是开启VoiceOver后，空字符串也会生成一个空焦点，给视障用户造成因扰；有些说说评论框里有表情按钮，没有表情按钮的之前也留了一个空的view，这也会导致空焦点问题。
解决：要注意对界面上空值及空视图展示的处理。
（3）非标准控件：VoiceOver目前不支持OpenGL渲染的视图，包括WebGL渲染的H5小游戏，如QQ农场及Cocos2D渲染的游戏界面，如空间宠物。
解决：这种情况下,可以通过实现UIAccessibilityContainer Protocol来辅助视障用户感知区域内容。
（4）UITableView焦点死循环：单指右滑遍历UITableView元素的时候，如果UITableView中包含子UITableView作为cell, 可能出现焦点一直在子UITableView中死循环，无法继续往下遍历其它cell。
解决：UITableView及其cell的contentView等设置为disableAccessibility, cell设置为Accessibility。
２、Andriod系统里解决的痛点问题:
（1）好友动态列表：QQ空间使用的主要是自定义控件或者自绘控件，采用使用系统提供的setContentDescription方法实现信息无障碍行不通。
解决：目前采用的技术是通过虚拟节点来实现，通过自定义ExploreByTouchHelper ，将自定义控件内的区域进行虚拟化，这样可以做到对每个触碰点做特定的处理；
具体实现方式：通过实行 getVirtualViewAt（x, y），将自定义控件的触碰区域分为多个子区域，这样每个子区域都有对应的虚拟ID；
（图）：实现方法
然后通过实onPerformActionFroVirtualView (virtualViewId, action, arguments) 可以对每个虚拟ID 做不同的处理，达到自定义的效果；
（图）：实现方法
（2）图片识别用户痛点
随着科技和移动互联网的发展，人们越来越喜欢用图片表达自己的观点，从而进行信息的交流。但对于障碍用户，图片的识别成为一大痛点。
一直以来，当视障用户使用智能手机时，利用自带的读屏软件读出屏幕上的文字内容，已不是什么难事。可一旦碰上图片动态，他们就只能听见“图片”、“图片”、“图片”……对于好友发在动态里面的图片，如果也能通过读屏软件朗读出来，将会大大提升障碍用户的使用体验。
QQ空间团队联合AILab为此实现了一个基于神经网络的图片识别功能：给定一张图片，用卷积神经网络（CNN）为图片编码，得到全局或局部的图片表示；用长短时记忆模型（LSTM）解码上述的图片表示，转换为一句话的文字说明。
（图）：图片识别效果图
这次，QQ空间借助AI技术，为图片自动添加描述文本，能够让视障者通过读屏软件，以听觉(读屏软件)、触觉(点显器)等感官了解图片内容，在QQ空间这个社交场景实现了图片信息的多重感官的传递，对于信息无障碍的发展有着重要的意义。
此文转载自《中国信息无障碍实践案例汇编（2023）》，版权归属于中国信息通信研究院和深圳市信息无障碍研究会。#你身边的无障碍#