文章介绍了如何通过增强手机的无障碍功能来帮助视障用户，包括在Android和iOS系统中启用无障碍设置。对于前端页面，良好的页面结构和使用关键属性如`accessible`,`accessibilityLabel`和`accessibilityHint`是至关重要的。文章举例说明了一个标签从识别区域小、无法触发语音播报到改造后易于点击和理解的改进过程。
无障碍简介：
帮助一些视障群体使用手机，点击的热区会增加配合文字识别增加一些语音播报的功能，手机一般可以通过：设置—》辅助功能—》无障碍功能菜单 体验无障碍功能
IOS：设置–》辅助功能----》旁白
需求背景
会有相应的监管部门对APP进行测试，反映问题后需要配合整改，整改不到位可能会面临下架的风险
解决关键点
安卓和ios原生的写法都支持无障碍，但前端的页面，如果页面结构写的不是很好的话，需要自己做一下兼容
关键属性：直接加到需要支持无障碍的HTML标签上
accessible={true} //是否支持无障碍
accessibilityLabel=“无障碍按钮” //点击的按钮名称，跟框架层面有关系，可能不支持
accessibilityHint=“无障碍按钮测试” //点击的语音提示
比如APP的某个标签改造前：识别区域很小用户难以点击到，点击图片无法触发语音播报
改造后：识别区域增加，用户很轻易的就知道这个标签的功能和简介
扫一扫
300
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
