无障碍模式有哪些参数_移动开发平台 mPaaS(mPaaS)-阿里云帮助中心

蚂蚁动态卡片提供无障碍模式。

无障碍模式支持的属性如下：

属性	描述	值类型	可选值
role		string	input list slider switch header button img link search
aria-label	用来描述当前元素加上的标签	string
aria-hidden	用来隐藏元素使其不被识别	string
aria-disabled	用来控制元素是否激活状态	string

使用示例：

<div class="scroll">
    <text class="case_title">这是一个例子</text>
    <image class="image" :src="src" aria-label="这个是一张图片"></image>
    <div class="div" :aria-label="这是一个 div" ></div>
    <div class="row" v-for="row in rows">
      <text class="rowtext"  >{{row}}</text>
    </div>
    <text class="case_title" :role="role">这是一个例子，测试 role</text>
    <text class="case_title" :aria-disabled="true" :role="role">这是一个例子，测试 aria-disabled</text>
    <text class="div" :aria-hidden="true" value="测试 aria-hidden"></text>
</div>

示例代码

单击此处 detailBarrierFree.zip 获取完整示例代码。