Accessibility group - SwiftUI
In SwiftUI, you can group multiple elements by applying the .accessibilityElement(children:)
modifier with the .combine
option to a parent view. This approach consolidates the accessibility elements into a single group.
You can optionally override the combined description of the children with a custom description for the group by setting an accessibilityLabel
.
@State var stockPrice = "$123.45"
var body: some View {
HStack {
Text("Stock price:")
Text(stockPrice)
}
// Combine all text elements into a single accessibility element
.accessibilityElement(children: .combine)
.accessibilityLabel("The stock price is: \(stockPrice)")
}