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