微信小程序之----view中的aria-role和aria-label

为了更好地满足视障人士对于小程序的访问需求,基础库自2.5.0起,支持部分ARIA标签。

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

以组件为例,增加了aria-role和aria-label属性。 其中aria-role表示组件的角色,当设置为’img’时,读屏模式下聚焦后系统会朗读出’图像’。设置为’button’时,聚焦后后系统朗读出’按钮’。 aria-label表示组件附带的额外信息,聚焦后系统会自动朗读出来。

小程序内置组件已经预埋了一些无障碍的属性,以下组件开发者可以补充相关的属性:

button
input
textarea
checkbox
switch
radio
slider
picker-view
scroll-view
progress
navigator
image
icon
view
cover-view
cover-image
map
Tips

安卓和iOS读屏模式下设置aria-role后朗读的内容不同系统之间会有差异
可设置的aria-role可参看 Using Aria中的Widget Roles,部分role的设置在移动端可能无效。

本文转载自 钢丝球 M.Siebel
来源:CSDN
原文:https://blog.csdn.net/JackJia2015/article/details/86520420

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容