#跟着坚果学鸿蒙#支持无障碍 <四>
·
使用建议
-
优先级控制:通过accessibilityLevel确保关键操作可被识别。
-
语义化描述:为图标、图片等非文本元素添加accessibilityText和accessibilityDescription。
-
分组优化:对复杂布局使用accessibilityGroup减少冗余播报。
场景示例
该示例主要演示accessibilityText无障碍文本和accessibilityDescription无障碍说明的播报内容。
其中,对于该组件的无障碍文本的内容,在既拥有文本属性又拥有无障碍文本属性的情况下,当组件被选中时,仅播报无障碍文本内容。
@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%')
}
}
更多推荐
所有评论(0)