无障碍简介:
帮助一些视障群体使用手机,点击的热区会增加配合文字识别增加一些语音播报的功能,手机一般可以通过:设置—》辅助功能—》无障碍功能菜单 体验无障碍功能
IOS:设置–》辅助功能----》旁白
需求背景
会有相应的监管部门对APP进行测试,反映问题后需要配合整改,整改不到位可能会面临下架的风险
解决关键点
安卓和ios原生的写法都支持无障碍,但前端的页面,如果页面结构写的不是很好的话,需要自己做一下兼容
关键属性:直接加到需要支持无障碍的HTML标签上
accessible={true} //是否支持无障碍
accessibilityLabel=“无障碍按钮” //点击的按钮名称,跟框架层面有关系,可能不支持
accessibilityHint=“无障碍按钮测试” //点击的语音提示
比如APP的某个标签改造前:识别区域很小用户难以点击到,点击图片无法触发语音播报
改造后:识别区域增加,用户很轻易的就知道这个标签的功能和简介