aria-component 微信小程序无障碍访问组件

猪宝儿/ 2023年05月29日/ 小程序/ 浏览 1510

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

发表评论

暂无评论,抢个沙发...

客服 工单