SwiftUI：如何让VoiceOver先读取VStack容器的无障碍标签再读子视图？

完全可行，你可以通过以下几种方式实现所需的交互效果：

方法一：自定义焦点顺序（精准控制） #

通过accessibilityOrder给容器和子项设置明确的焦点优先级，让VoiceOver先聚焦容器，再依次遍历内部子元素。该方案支持iOS 14及以上版本：

VStack {
    Text("子项1")
        .accessibilityLabel("第一个子项")
        .accessibilityOrder(2)
    Text("子项2")
        .accessibilityLabel("第二个子项")
        .accessibilityOrder(3)
    Text("子项3")
        .accessibilityLabel("第三个子项")
        .accessibilityOrder(4)
}
.accessibilityLabel("这是一个内容容器")
// 将VStack标记为独立可访问元素
.accessibilityElement()
// 设置容器的焦点优先级最高
.accessibilityOrder(1)

效果：

• 首次单指滑动，VoiceOver聚焦VStack容器并读取标签文本
• 后续单指滑动，依次聚焦每个子项并读取内容

方法二：标记为Header元素（适配分组场景） #

如果你的容器属于标题类分组容器，可利用isHeader特性，让VoiceOver自动优先聚焦容器：

VStack {
    Text("子项1")
    Text("子项2")
    Text("子项3")
}
.accessibilityLabel("这是一个内容容器")
.accessibilityAddTraits(.isHeader)

效果：

• VoiceOver将容器识别为标题元素，首次滑动优先聚焦并读取标签
• 后续滑动自动切换到子项，依次读取内容

方法三：可展开分组（支持手势遍历） #

若希望容器作为可展开的组，用户可通过双指滑动遍历子项，同时保留单指滑动切换到外部元素的能力：

VStack {
    Text("子项1")
    Text("子项2")
    Text("子项3")
}
.accessibilityLabel("这是一个内容容器")
.accessibilityElement(children: .contain)
.accessibilityTraits(.isGroup)

效果：

• 首次滑动聚焦容器，读取标签后，用户可通过双指上下滑动遍历组内子项
• 单指滑动会直接切换到下一个独立元素（跳过组内子项）

内容的提问来源于stack exchange，提问作者Andrei Rybak