微信小程序无障碍组件介绍

为了更好的满足视障人士对微信小程序的访问需求，微信团队从2019年起就上线了小程序无障碍访问组件，经过几年的持续优化，微信小程序开发者工具现已支持「无障碍访问模式插件」，同时可提供aria-component组件，匹配读屏软件，方便小程序开发者适配无障碍访问能力，最终惠及读屏用户。今天我们一起来看看微信小程序的无障碍组件。

无障碍组件能力升级

自基础库 2.7.1 版本起，小程序支持部分 ARIA 标签，内置无障碍属性。对于非原生组件，小程序开发者可以结合开发需求，添加 aria-component 组件的无障碍属性，无需进行其他操作，即可快捷接入无障碍访问。除此以外，微信开发者工具现已支持「无障碍访问模式插件」，方便开发者调试无障碍访问能力，省时省力。

以 view 组件为例，开发者可以添加 aria-role 和 aria-label 属性，便于读屏软件自动朗读对应组件的角色和附带的额外信息。例如输入以下代码，读屏软件将自动朗读 “按钮 提交表单”。

<view aria-role=”button” aria-label=”提交表单”>提交</view>

无障碍特性在读屏模式下可以访问，iOS可通过设置->通用->辅助功能->旁白打开。