Test every screen with VoiceOver and TalkBack

How to do it

The European Accessibility Act covers consumer apps for banking, e-commerce, transport and more, as meet the European Accessibility Act as a legal duty explains. WCAG 2.2 applies to native apps through W3C's mobile guidance. Label icon buttons, and never repeat the role in the label, such as "Play button". Turn on Xcode's accessibility audit and the Compose or Espresso accessibility checks in UI tests, as check accessibility in every build asks. Then walk the main flows by hand with each screen reader before release. Apple lets you declare supported features in Accessibility Nutrition Labels, which will become mandatory.

Examples

Plain text example

Button(action: startWorkout) { Image(systemName: "play.fill") }
    .accessibilityLabel("Start workout")

func testHomeScreenAccessibility() throws {
    let app = XCUIApplication()
    app.launch()
    try app.performAccessibilityAudit()
}

Kotlin example

IconButton(onClick = startWorkout) {
    Icon(Icons.Filled.PlayArrow, contentDescription = "Start workout")
}

@Test
fun homeScreenAccessibility() {
    composeTestRule.enableAccessibilityChecks()
    composeTestRule.onRoot().tryPerformAccessibilityChecks()
}

How to check

UI tests run the accessibility audit on every main screen with 0 failures. Before each release, a tester completes sign-up, the main task and checkout with VoiceOver and with TalkBack.

Sources

• W3C, Guidance on Applying WCAG 2.2 to Mobile Applications
• Apple, performAccessibilityAudit

Related rules

• Meet the European Accessibility Act as a legal duty in Compliance
• Check accessibility in every build in Testing