Bootstrap

前端无障碍适配

无障碍简介:

帮助一些视障群体使用手机,点击的热区会增加配合文字识别增加一些语音播报的功能,手机一般可以通过:设置—》辅助功能—》无障碍功能菜单 体验无障碍功能
IOS:设置–》辅助功能----》旁白

需求背景

会有相应的监管部门对APP进行测试,反映问题后需要配合整改,整改不到位可能会面临下架的风险

解决关键点

安卓和ios原生的写法都支持无障碍,但前端的页面,如果页面结构写的不是很好的话,需要自己做一下兼容
关键属性:直接加到需要支持无障碍的HTML标签上
accessible={true} //是否支持无障碍
accessibilityLabel=“无障碍按钮” //点击的按钮名称,跟框架层面有关系,可能不支持
accessibilityHint=“无障碍按钮测试” //点击的语音提示

比如APP的某个标签改造前:识别区域很小用户难以点击到,点击图片无法触发语音播报
在这里插入图片描述

改造后:识别区域增加,用户很轻易的就知道这个标签的功能和简介
在这里插入图片描述

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;