aria-component是一个微信小程序无障碍访问组件,满足视障人士对于小程序的访问需求。
无障碍特性在读屏模式下可以访问,iOS可通过设置->通用->辅助功能->旁白打开。
以 view 组件为例,我们可以增加aria-role和aria-label属性。
aria-role:为组件的角色,当设置为'img'时,读屏模式下聚焦后系统会朗读出'图像'。设置为'button'时,聚焦后后系统朗读出'按钮'。
aria-label:为组件附带的额外信息,聚焦后系统会自动朗读出来。
小程序已经内置了一些无障碍的特性,对于非原生组件,开发者可以添加以下无障碍标签。
示例代码:
<view aria-role="button" aria-label="提交表单">提交</view>
详细可参考微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/aria-component.html
暂无评论,抢个沙发...