目录

标注屏幕朗读内容

设计场景

屏幕朗读提取信息进行朗读时无障碍文本的优先级大于显示文本,即当无障碍文本不为空时,会朗读无障碍文本,否则朗读显示文本。因此,在进行应用设计时,需要遵守如下规则:

开发流程

以accessibilityText()设置无障碍文本为例,accessibilityText设置无障碍文本。聚焦Button时朗读效果为:"Accessibility text,按钮"。

@Entry
@Component
export struct Rule_2_1_1 {
  title: string = 'Rule 2.1.1';
  shortText: string = 'Button';
  longText: string = 'Accessibility text';

  build() {
    NavDestination() {
      Column() {
        Blank()
        Button(this.shortText)
          .accessibilityText(this.longText)
          .align(Alignment.Center)
          .fontSize(20)
        Blank()
      }
      .width('100%')
      .height('100%')
    }
    .title(this.title)
  }
}