SwiftUI中如何在无障碍功能中访问NavigationLink的内部元素？

问题原因 #

默认情况下，NavigationLink会被SwiftUI视为单个可访问元素，它会将内部所有子元素合并为自身的无障碍标签，导致子元素的accessible属性被设为false，无法单独被无障碍功能识别。

解决方案 #

通过修改NavigationLink的无障碍属性，让它不再作为独立的可访问容器，从而释放内部子元素的可访问性：

var body: some View {
    NavigationView {
        List(todoItems) { todoItem in
            NavigationLink(destination: TodoDetailView(todoItem: todoItem)) {
                HStack {
                    Image(systemName: "heart.fill")
                        .accessibilityLabel("heart.fill")
                    VStack {
                        Text(todoItem.action + "1")
                            .accessibilityLabel(todoItem.action + "3")
                        Text(todoItem.action + "2")
                            .accessibilityLabel(todoItem.action + "4")
                    }
                }
            }
            .isAccessibilityElement(false) // 核心修改：取消NavigationLink的可访问元素身份
        }
        .navigationBarTitle("Todo Items")
    }
}

关键说明 #

1. 移除原代码中的.accessibilityElement(children: .contain)：这个修饰符会强制将子元素合并为当前元素的一部分，反而阻碍子元素的单独访问。
2. 设置.isAccessibilityElement(false)后，NavigationLink不再拦截子元素的无障碍识别，内部的图片、文本会各自成为可被无障碍功能访问的独立元素。
3. 导航功能不受影响：点击内部子元素仍然会触发NavigationLink的跳转，无需额外处理；若需适配特殊无障碍操作（如VoiceOver双击），可通过绑定isActive状态配合accessibilityAction实现手动触发。

内容的提问来源于stack exchange，提问作者Santosh Gupta