Building Accessible Maps and Navigation, Swift Leeds 2023

Are you completely lost on how to make the navigation part of your application accessible? Maps and navigation can be made accessible just like any other UI component in your application. In this talk, you'll learn the best practices for how to make your maps more accessible, and what pitfalls to avoid.

Transcript

1. Accessible Maps and Navigation
2. People who are blind CAN use maps on their smartphones.
3. People of all abilities CAN use maps on their smartphones.*
4. People of all abilities CAN use maps on their smartphones.* * If developers do it right
5. Challenge why you have a map in the first place Best practice #1
6. Example: Facebook Marketplace
7. Challenge the kind of map you need Best practice #2
8. Let users choose to see your map Best practice #3
9. Example: Airbnb Map
10. Expose your map details to assistive technology* Best practice #4 * VoiceOver, Switch Control, Voice Control, and more…
12. Simulated VoiceOver experience with screen curtain “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin”
13. Take care of the accessibility basics Best practice #5
14. Simplify the user experience Best practice #6
15. Rotor
16. Parks 🏨 “Hampton Inn” 🌳 “Central Park” 🍔 “Burger King” 🏨 “Hotel Ibis” 🍔 “McDonalds” 🌳 “MacArthur Park” 🌳 “Maumelle Park” 🍔 “Taco Bell” 🏨 “Novotel” 🌳 “Central Park” 🌳 “MacArthur Park” 🌳 “Maumelle Park” Simulated VoiceOver experience with screen curtain
17. UIAccessibilityCustomRotor let parks: [MKAnnotationView] let rotor = UIAccessibilityCustomRotor(name: "Parks") { ... } mapView.accessibilityCustomRotors = [rotor]
18. Outsource navigation with options Best practice #7
19. Test with real people who use assistive technology Best practice #8
20. People of all abilities CAN use maps on their smartphones.* * If developers do it right
21. Thank you! Keep in touch @RobinKanatzar Questions? Slido.com #SL23 Newsletter Slack Testers