Testing for Accessibility, FrenchKit 2022

Transcript

1. Testing for Accessibility
2. I’m Robin Kanatzar. You can find me on Twitter @RobinKanatzar Testing for Accessibility 2
3. What we can and can’t test Free testing tools 3 The plan
4. 4 Real people who use assistive technology* Machine * Assistive technology = VoiceOver, Voice Control, Switch Control, and much more
5. What we can and can’t test (with a machine) 1. 5
6. Conflicting traits (example: .button & .link) Color contrast Touch target Overlapping elements 100% Machine Testable
7. Dynamic type Orientation Element labels Element ignoring Machine + Human
8. 8 Color contrast Touch targets Overlapping elements Conflicting traits Dynamic type Orientation Element labels Element ignoring Element grouping (semantic groups) …and more What we can and can’t test
9. Free testing tools 2. 9
10. XCUITest ▪ Uses accessibility tree under the hood ▪ Writing UI tests is the easiest way to start testing for accessibility 10 UI Test
11. A11yUITests ▪ “An extension to XCTestCase that adds tests for common accessibility issues that can be run as part of an XCUI Test suite.” 11 Rob Whitaker - mobilea11y.com - @RobRWAPP 11 11 UI Test Github Repo
12. Accessibility Inspector ▪ Xcode > Open Developer Tools > Accessibility Inspector 12 Dev
13. SwiftLint ▪ accessibility_label_for_image 13 Dev
14. Evinced Flow Analyzer 14 QA
15. Tools ▪ A11yUITests ▪ XCUITest ▪ Evinced Mobile Flow Analyzer Development QA ▪ Accessibility Inspector ▪ SwiftLint UI Tests (CI / CD)
16. 16 Conclusion What we can and can’t test Free testing tools
17. Merci ! Any questions? You can find me at ▪ @RobinKanatzar on Twitter ▪ hello@robinkanatzar.com 17