1# 无障碍属性 2 3组件可以设置相应的无障碍属性和事件来更好地使用无障碍能力。 4 5> **说明:** 6> 7> 从API Version 10 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 8 9## accessibilityGroup 10 11accessibilityGroup(value: boolean) 12 13无障碍组。 14 15**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。 16 17**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 18 19**系统能力:** SystemCapability.ArkUI.ArkUI.Full 20 21**参数:** 22 23| 参数名 | 类型 | 必填 | 说明 | 24| ------ | ------- | ---- | ------------------------------------------------------------ | 25| value | boolean | 是 | 无障碍组,设置为true时表示该组件及其所有子组件为一整个可以选中的组件,无障碍服务将不再关注其子组件内容。<br/>默认值:false | 26 27## accessibilityGroup<sup>14+</sup> 28 29accessibilityGroup(isGroup: boolean, accessibilityOptions: AccessibilityOptions) 30 31无障碍组,支持优先拼接无障碍文本进行朗读。 32 33**卡片能力:** 从API version 14开始,该接口支持在ArkTS卡片中使用。 34 35**原子化服务API:** 从API version 14开始,该接口支持在原子化服务中使用。 36 37**系统能力:** SystemCapability.ArkUI.ArkUI.Full 38 39**参数:** 40 41| 参数名 | 类型 | 必填 | 说明 | 42| -------------------- | ------------------------------------------------------- | ---- | ------------------------------------------------------------ | 43| isGroup | boolean | 是 | 无障碍组,设置为true时表示该组件及其所有子组件为一整个可以选中的组件,无障碍服务将不再关注其子组件内容。<br/>默认值:false | 44| accessibilityOptions | [AccessibilityOptions](#accessibilityoptions14对象说明) | 否 | 设置为true时,使应用优先拼接无障碍文本进行朗读。 | 45 46## AccessibilityOptions<sup>14+</sup>对象说明 47 48**系统能力:** SystemCapability.ArkUI.ArkUI.Full 49 50| 名称 | 类型 | 必填 | 说明 | 51| ---------------------- | ------- | ---- | ------------------------------------------------------------ | 52| accessibilityPreferred | boolean | 否 | 若accessibilityPreferred设置为true,则深度遍历每个子节点时优先选择该子节点的无障碍文本accessibilityText。<br/>若无障碍文本为空则选择本身Text文本,最终将拼接完成的文本设置给accessibilityText与Text都为空的父节点。 | 53 54## accessibilityText 55 56accessibilityText(value: string) 57 58无障碍文本。 59 60**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。 61 62**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 63 64**系统能力:** SystemCapability.ArkUI.ArkUI.Full 65 66**参数:** 67 68| 参数名 | 类型 | 必填 | 说明 | 69| ------ | ------ | ---- | ------------------------------------------------------------ | 70| value | string | 是 | 无障碍文本,当组件不包含文本属性时,屏幕朗读选中此组件时不播报,使用者无法清楚地知道当前选中了什么组件。为了解决此场景,开发人员可为不包含文字信息的组件设置无障碍文本,当屏幕朗读选中此组件时播报无障碍文本的内容,帮助屏幕朗读的使用者清楚地知道自己选中了什么组件。<br/>默认值:“”<br/>**说明:**<br/>若组件既拥有文本属性,又拥有无障碍文本属性,则组件被选中时,仅播报无障碍文本内容。<br/>若组件设置了无障碍分组属性为true,但是即没有无障碍文本属性,也没有文本属性,会对其子节点的组件进行文本拼接(深度优先)。<br/>不对无障碍文本属性进行拼接,如需优先拼接无障碍文本,则需设置accessibilityGroup的accessibilityPreferred。 | 71 72## accessibilityText<sup>12+</sup> 73 74accessibilityText(text: Resource) 75 76无障碍文本,支持通过Resource引用资源文件。 77 78**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。 79 80**原子化服务API:** 从API version 12开始,该接口支持在原子化服务中使用。 81 82**系统能力:** SystemCapability.ArkUI.ArkUI.Full 83 84**参数:** 85 86| 参数名 | 类型 | 必填 | 说明 | 87| ------ | ------ | ---- |----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| 88| text | [Resource](ts-types.md#resource) | 是 | 无障碍文本引用资源,当组件不包含文本属性时,屏幕朗读选中此组件时不播报,使用者无法清楚地知道当前选中了什么组件。为了解决此场景,开发人员可为不包含文字信息的组件设置无障碍文本,当屏幕朗读选中此组件时播报无障碍文本的内容,帮助屏幕朗读的使用者清楚地知道自己选中了什么组件。<br/>**说明:**<br/>若组件既拥有文本属性,又拥有无障碍文本属性,则组件被选中时,仅播报无障碍文本内容。<br/>若组件设置了无障碍分组属性为true,但是即没有无障碍文本属性,也没有文本属性,会对其子节点的组件进行文本拼接(深度优先)。<br/>不对无障碍文本属性进行拼接,如需优先拼接无障碍文本,则需设置accessibilityGroup的accessibilityPreferred。 | 89 90 91## accessibilityDescription 92 93accessibilityDescription(value: string) 94 95无障碍说明。 96 97**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。 98 99**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 100 101**系统能力:** SystemCapability.ArkUI.ArkUI.Full 102 103**参数:** 104 105| 参数名 | 类型 | 必填 | 说明 | 106| ------ | ------ | ---- | ------------------------------------------------------------ | 107| value | string | 是 | 无障碍说明,用于为用户进一步说明当前组件,开发人员可为组件的该属性设置相对较详细的解释文本,帮助用户理解将要执行的操作。如帮助用户理解将要执行的操作可能导致什么后果,尤其是当这些后果无法从组件本身属性与无障碍文本中了解到时。若组件既拥有文本属性又拥有无障碍说明属性,则组件被选中时,先播报组件的文本属性,再播报无障碍说明属性的内容。<br/>默认值:“” | 108 109## accessibilityDescription<sup>12+</sup> 110 111accessibilityDescription(description: Resource) 112 113无障碍说明,支持通过Resource引用资源文件。 114 115**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。 116 117**原子化服务API:** 从API version 12开始,该接口支持在原子化服务中使用。 118 119**系统能力:** SystemCapability.ArkUI.ArkUI.Full 120 121**参数:** 122 123| 参数名 | 类型 | 必填 | 说明 | 124| ------ | ------ | ---- |---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| 125| description | [Resource](ts-types.md#resource) | 是 | 无障碍说明引用资源,用于为用户进一步说明当前组件,开发人员可为组件的该属性设置相对较详细的解释文本,帮助用户理解将要执行的操作。如帮助用户理解将要执行的操作可能导致什么后果,尤其是当这些后果无法从组件本身属性与无障碍文本中了解到时。若组件既拥有文本属性又拥有无障碍说明属性,则组件被选中时,先播报组件的文本属性,再播报无障碍说明属性的内容。 | 126 127## accessibilityLevel 128 129accessibilityLevel(value: string) 130 131无障碍重要性。 132 133**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。 134 135**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 136 137**系统能力:** SystemCapability.ArkUI.ArkUI.Full 138 139**参数:** 140 141| 参数名 | 类型 | 必填 | 说明 | 142| ------ | ------ | ---- | ------------------------------------------------------------ | 143| value | string | 是 | 无障碍重要性,用于控制某个组件是否可被无障碍辅助服务所识别。<br/>支持的值为:<br/>"auto":根据组件不同会转换为“yes”或者“no”。<br/>"yes":当前组件可被无障碍辅助服务所识别。<br/>"no":当前组件不可被无障碍辅助服务所识别。<br/>"no-hide-descendants":当前组件及其所有子组件不可被无障碍辅助服务所识别。<br/>默认值:"auto"<br/>**说明:**<br/>以下组件当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. | 144 145## accessibilityVirtualNode<sup>11+</sup> 146 147accessibilityVirtualNode(builder: CustomBuilder) 148 149无障碍虚拟节点。 150 151**卡片能力:** 从API version 12开始,该接口支持在ArkTS卡片中使用。 152 153**原子化服务API:** 从API version 11开始,该接口支持在原子化服务中使用。 154 155**系统能力:** SystemCapability.ArkUI.ArkUI.Full 156 157**参数:** 158 159| 参数名 | 类型 | 必填 | 说明 | 160| ------ | ------ | ---- | ------------------------------------------------------------ | 161| builder | [CustomBuilder](ts-types.md#custombuilder8) | 是 | 无障碍虚拟子节点,使开发者可以对自绘制组件传入一个自定义的CustomBuilder,该CustomBuilder中的组件在后端仅做布局不做显示,辅助应用获取无障碍节点信息时会返回CustomBuilder中的节点信息。 | 162 163## accessibilityChecked<sup>13+</sup> 164 165accessibilityChecked(isCheck: boolean) 166 167无障碍节点是否选中的状态维护,用于支持多选的情况使用。 168 169**卡片能力:** 从API version 13开始,该接口支持在ArkTS卡片中使用。 170 171**原子化服务API:** 从API version 13开始,该接口支持在原子化服务中使用。 172 173**系统能力:** SystemCapability.ArkUI.ArkUI.Full 174 175**参数:** 176 177| 参数名 | 类型 | 必填 | 说明 | 178| ------- | ------- | ---- | ------------------------------------------------------------ | 179| isCheck | boolean | 是 | 用于表示组件是否被选中。<br/>支持的值为:<br/>true:当前组件被选中。<br/>false:当前组件未被选中。<br/>undefined:由组件自行确定选中状态。<br/>默认值:undefined。<br/>**说明:**<br/>1. 使用该接口设置true或false后,会默认修改该组件的checkable属性为true。<br/>2. 使用该接口设置true或false后,如果需要同时使用accessibilitySelected接口则需要将accessibilitySelected接口的参数设置为undefined。 | 180 181## accessibilitySelected<sup>13+</sup> 182 183accessibilitySelected(isSelect: boolean) 184 185无障碍节点是否选中的状态维护,用于支持单选的情况使用。 186 187**卡片能力:** 从API version 13开始,该接口支持在ArkTS卡片中使用。 188 189**原子化服务API:** 从API version 13开始,该接口支持在原子化服务中使用。 190 191**系统能力:** SystemCapability.ArkUI.ArkUI.Full 192 193**参数:** 194 195| 参数名 | 类型 | 必填 | 说明 | 196| -------- | ------- | ---- | ------------------------------------------------------------ | 197| isSelect | boolean | 是 | 用于表示组件是否被选中。<br/>支持的值为:<br/>true:当前组件被选中。<br/>false:当前组件未被选中。<br/>undefined:由组件自行确定选中状态。<br/>默认值:undefined。<br/>**说明:**<br/>1. 使用该接口设置true或false后,如果需要同时使用accessibilityChecked接口则需要将accessibilityChecked接口的参数设置为undefined。 | 198 199 200 201## 示例1(设置无障碍文本和无障碍说明) 202 203该示例主要演示accessibilityText无障碍文本和accessibilityDescription无障碍说明的播报内容。 204 205``` 206// xxx.ets 207@Entry 208@Component 209struct Index { 210 211 @Builder customAccessibilityNode() { 212 Column() { 213 Text(`virtual node`) 214 } 215 .width(10) 216 .height(10) 217 } 218 219 build() { 220 Row() { 221 Column() { 222 Text("文本1") 223 .fontSize(50) 224 .fontWeight(FontWeight.Bold) 225 Text("文本2") 226 .fontSize(50) 227 .fontWeight(FontWeight.Bold) 228 } 229 .width('100%') 230 .accessibilityGroup(true) 231 .accessibilityLevel("yes") 232 .accessibilityText("分组") // 无障碍文本的内容,若组件既拥有文本属性又拥有无障碍文本属性,则组件被选中时,仅播报无障碍文本内容。 233 .accessibilityDescription("Column组件可以被选中,播报的内容是“分组”") 234 .accessibilityVirtualNode(this.customAccessibilityNode) 235 .accessibilityChecked(true) 236 .accessibilitySelected(undefined) 237 } 238 .height('100%') 239 } 240} 241``` 242 243## 示例2(设置无障碍组) 244 245该示例主要演示优先使用子组件的无障碍文本进行朗读。 246 247``` 248// xxx.ets 249@Entry 250@Component 251struct Focus { 252 build() { 253 Column({ space: 10 }) { 254 Text('123456') 255 .focusable(true) 256 .borderRadius(5) 257 .accessibilityText("有accessibility有text优先读accessibility") 258 .accessibilityLevel("yes") 259 Button().accessibilityLevel("yes").accessibilityText("accessibility无text 读accessibility") 260 Button("无accessibility有text 读text").accessibilityLevel("yes") 261 Button() 262 Button('btnl23').accessibilityText("有accessibility有text btn123").accessibilityLevel("yes") 263 Button('btn123').accessibilityLevel("yes") 264 } 265 .accessibilityGroup(true, { accessibilityPreferred: true }) 266 //.accessibilityGroup(true) 267 .borderWidth(5) 268 .width('100%') 269 .height('100%') 270 } 271} 272``` 273 274## 275