美文网首页
微信小程序之----view中的aria-role和aria-l

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

作者: 潘千千 | 来源:发表于2019-03-12 10:35 被阅读0次

为了更好地满足视障人士对于小程序的访问需求,基础库自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

相关文章

网友评论

      本文标题:微信小程序之----view中的aria-role和aria-l

      本文链接:https://www.haomeiwen.com/subject/sbkgpqtx.html