# 无障碍属性
组件可以设置相应的无障碍属性和事件来更好地使用无障碍能力。
> **说明:**
>
> 从API Version 10 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## accessibilityGroup
accessibilityGroup(value: boolean)
无障碍组。
**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------- | ---- | ------------------------------------------------------------ |
| value | boolean | 是 | 无障碍组,设置为true时表示该组件及其所有子组件为一整个可以选中的组件,无障碍服务将不再关注其子组件内容。
默认值:false |
## accessibilityGroup14+
accessibilityGroup(isGroup: boolean, accessibilityOptions: AccessibilityOptions)
无障碍组,支持优先拼接无障碍文本进行朗读。
**卡片能力:** 从API version 14开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 14开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------------------- | ------------------------------------------------------- | ---- | ------------------------------------------------------------ |
| isGroup | boolean | 是 | 无障碍组,设置为true时表示该组件及其所有子组件为一整个可以选中的组件,无障碍服务将不再关注其子组件内容。
默认值:false |
| accessibilityOptions | [AccessibilityOptions](#accessibilityoptions14对象说明) | 否 | 设置为true时,使应用优先拼接无障碍文本进行朗读。 |
## AccessibilityOptions14+对象说明
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
| 名称 | 类型 | 必填 | 说明 |
| ---------------------- | ------- | ---- | ------------------------------------------------------------ |
| accessibilityPreferred | boolean | 否 | 若accessibilityPreferred设置为true,则深度遍历每个子节点时优先选择该子节点的无障碍文本accessibilityText。
若无障碍文本为空则选择本身Text文本,最终将拼接完成的文本设置给accessibilityText与Text都为空的父节点。 |
## accessibilityText
accessibilityText(value: string)
无障碍文本。
**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ------------------------------------------------------------ |
| value | string | 是 | 无障碍文本,当组件不包含文本属性时,屏幕朗读选中此组件时不播报,使用者无法清楚地知道当前选中了什么组件。为了解决此场景,开发人员可为不包含文字信息的组件设置无障碍文本,当屏幕朗读选中此组件时播报无障碍文本的内容,帮助屏幕朗读的使用者清楚地知道自己选中了什么组件。
默认值:“”
**说明:**
若组件既拥有文本属性,又拥有无障碍文本属性,则组件被选中时,仅播报无障碍文本内容。
若组件设置了无障碍分组属性为true,但是即没有无障碍文本属性,也没有文本属性,会对其子节点的组件进行文本拼接(深度优先)。
不对无障碍文本属性进行拼接,如需优先拼接无障碍文本,则需设置accessibilityGroup的accessibilityPreferred。 |
## accessibilityText12+
accessibilityText(text: Resource)
无障碍文本,支持通过Resource引用资源文件。
**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 12开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- |----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| text | [Resource](ts-types.md#resource) | 是 | 无障碍文本引用资源,当组件不包含文本属性时,屏幕朗读选中此组件时不播报,使用者无法清楚地知道当前选中了什么组件。为了解决此场景,开发人员可为不包含文字信息的组件设置无障碍文本,当屏幕朗读选中此组件时播报无障碍文本的内容,帮助屏幕朗读的使用者清楚地知道自己选中了什么组件。
**说明:**
若组件既拥有文本属性,又拥有无障碍文本属性,则组件被选中时,仅播报无障碍文本内容。
若组件设置了无障碍分组属性为true,但是即没有无障碍文本属性,也没有文本属性,会对其子节点的组件进行文本拼接(深度优先)。
不对无障碍文本属性进行拼接,如需优先拼接无障碍文本,则需设置accessibilityGroup的accessibilityPreferred。 |
## accessibilityDescription
accessibilityDescription(value: string)
无障碍说明。
**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ------------------------------------------------------------ |
| value | string | 是 | 无障碍说明,用于为用户进一步说明当前组件,开发人员可为组件的该属性设置相对较详细的解释文本,帮助用户理解将要执行的操作。如帮助用户理解将要执行的操作可能导致什么后果,尤其是当这些后果无法从组件本身属性与无障碍文本中了解到时。若组件既拥有文本属性又拥有无障碍说明属性,则组件被选中时,先播报组件的文本属性,再播报无障碍说明属性的内容。
默认值:“” |
## accessibilityDescription12+
accessibilityDescription(description: Resource)
无障碍说明,支持通过Resource引用资源文件。
**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 12开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- |---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| description | [Resource](ts-types.md#resource) | 是 | 无障碍说明引用资源,用于为用户进一步说明当前组件,开发人员可为组件的该属性设置相对较详细的解释文本,帮助用户理解将要执行的操作。如帮助用户理解将要执行的操作可能导致什么后果,尤其是当这些后果无法从组件本身属性与无障碍文本中了解到时。若组件既拥有文本属性又拥有无障碍说明属性,则组件被选中时,先播报组件的文本属性,再播报无障碍说明属性的内容。 |
## accessibilityLevel
accessibilityLevel(value: string)
无障碍重要性。
**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ------------------------------------------------------------ |
| value | string | 是 | 无障碍重要性,用于控制某个组件是否可被无障碍辅助服务所识别。
支持的值为:
"auto":根据组件不同会转换为“yes”或者“no”。
"yes":当前组件可被无障碍辅助服务所识别。
"no":当前组件不可被无障碍辅助服务所识别。
"no-hide-descendants":当前组件及其所有子组件不可被无障碍辅助服务所识别。
默认值:"auto"
**说明:**
以下组件当accessibilityLevel设置成"auto"时,当前组件可被无障碍辅助服务所识别:Checkbox, CheckboxGroup, Gauge, Marquee, MenuItem, MenuItemGroup, Menu, Navigation, DatePicker, Progress, Radio, Rating, ScrollBar, Select, Slider, Stepper, Text, TextClock, TextPicker, TextTimer, TimePicker, Toggle, Web. |
## accessibilityVirtualNode11+
accessibilityVirtualNode(builder: CustomBuilder)
无障碍虚拟节点。
**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | ------------------------------------------------------------ |
| builder | [CustomBuilder](ts-types.md#custombuilder8) | 是 | 无障碍虚拟子节点,使开发者可以对自绘制组件传入一个自定义的CustomBuilder,该CustomBuilder中的组件在后端仅做布局不做显示,辅助应用获取无障碍节点信息时会返回CustomBuilder中的节点信息。 |
## accessibilityChecked13+
accessibilityChecked(isCheck: boolean)
无障碍节点是否选中的状态维护,用于支持多选的情况使用。
**卡片能力:** 从API version 13开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 13开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| ------- | ------- | ---- | ------------------------------------------------------------ |
| isCheck | boolean | 是 | 用于表示组件是否被选中。
支持的值为:
true:当前组件被选中。
false:当前组件未被选中。
undefined:由组件自行确定选中状态。
默认值:undefined。
**说明:**
1. 使用该接口设置true或false后,会默认修改该组件的checkable属性为true。
2. 使用该接口设置true或false后,如果需要同时使用accessibilitySelected接口则需要将accessibilitySelected接口的参数设置为undefined。 |
## accessibilitySelected13+
accessibilitySelected(isSelect: boolean)
无障碍节点是否选中的状态维护,用于支持单选的情况使用。
**卡片能力:** 从API version 13开始,该接口支持在ArkTS卡片中使用。
**原子化服务API:** 从API version 13开始,该接口支持在原子化服务中使用。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:**
| 参数名 | 类型 | 必填 | 说明 |
| -------- | ------- | ---- | ------------------------------------------------------------ |
| isSelect | boolean | 是 | 用于表示组件是否被选中。
支持的值为:
true:当前组件被选中。
false:当前组件未被选中。
undefined:由组件自行确定选中状态。
默认值:undefined。
**说明:**
1. 使用该接口设置true或false后,如果需要同时使用accessibilityChecked接口则需要将accessibilityChecked接口的参数设置为undefined。 |
## 示例1(设置无障碍文本和无障碍说明)
该示例主要演示accessibilityText无障碍文本和accessibilityDescription无障碍说明的播报内容。
```
// xxx.ets
@Entry
@Component
struct Index {
@Builder customAccessibilityNode() {
Column() {
Text(`virtual node`)
}
.width(10)
.height(10)
}
build() {
Row() {
Column() {
Text("文本1")
.fontSize(50)
.fontWeight(FontWeight.Bold)
Text("文本2")
.fontSize(50)
.fontWeight(FontWeight.Bold)
}
.width('100%')
.accessibilityGroup(true)
.accessibilityLevel("yes")
.accessibilityText("分组") // 无障碍文本的内容,若组件既拥有文本属性又拥有无障碍文本属性,则组件被选中时,仅播报无障碍文本内容。
.accessibilityDescription("Column组件可以被选中,播报的内容是“分组”")
.accessibilityVirtualNode(this.customAccessibilityNode)
.accessibilityChecked(true)
.accessibilitySelected(undefined)
}
.height('100%')
}
}
```
## 示例2(设置无障碍组)
该示例主要演示优先使用子组件的无障碍文本进行朗读。
```
// xxx.ets
@Entry
@Component
struct Focus {
build() {
Column({ space: 10 }) {
Text('123456')
.focusable(true)
.borderRadius(5)
.accessibilityText("有accessibility有text优先读accessibility")
.accessibilityLevel("yes")
Button().accessibilityLevel("yes").accessibilityText("accessibility无text 读accessibility")
Button("无accessibility有text 读text").accessibilityLevel("yes")
Button()
Button('btnl23').accessibilityText("有accessibility有text btn123").accessibilityLevel("yes")
Button('btn123').accessibilityLevel("yes")
}
.accessibilityGroup(true, { accessibilityPreferred: true })
//.accessibilityGroup(true)
.borderWidth(5)
.width('100%')
.height('100%')
}
}
```
##