为了更好的满足视障人士对微信小程序的访问需求,微信团队从2019年起就上线了小程序无障碍访问组件,经过几年的持续优化,微信小程序开发者工具现已支持「无障碍访问模式插件」,同时可提供aria-component组件,匹配读屏软件,方便小程序开发者适配无障碍访问能力,最终惠及读屏用户。今天我们一起来看看微信小程序的无障碍组件。
无障碍组件能力升级
自基础库 2.7.1 版本起,小程序支持部分 ARIA 标签,内置无障碍属性。对于非原生组件,小程序开发者可以结合开发需求,添加 aria-component 组件的无障碍属性,无需进行其他操作,即可快捷接入无障碍访问。除此以外,微信开发者工具现已支持「无障碍访问模式插件」,方便开发者调试无障碍访问能力,省时省力。
以 view 组件为例,开发者可以添加 aria-role 和 aria-label 属性,便于读屏软件自动朗读对应组件的角色和附带的额外信息。例如输入以下代码,读屏软件将自动朗读 “按钮 提交表单”。
无障碍特性在读屏模式下可以访问,iOS可通过设置->通用->辅助功能->旁白打开。