Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Accessible Maps and Navigation
Slide 2
Slide 2 text
People who are blind CAN use maps on their smartphones.
Slide 3
Slide 3 text
People of all abilities CAN use maps on their smartphones.*
Slide 4
Slide 4 text
People of all abilities CAN use maps on their smartphones.* * If developers do it right
Slide 5
Slide 5 text
Challenge why you have a map in the first place Best practice #1
Slide 6
Slide 6 text
Example: Facebook Marketplace
Slide 7
Slide 7 text
Challenge the kind of map you need Best practice #2
Slide 8
Slide 8 text
Let users choose to see your map Best practice #3
Slide 9
Slide 9 text
Example: Airbnb Map
Slide 10
Slide 10 text
Expose your map details to assistive technology* Best practice #4 * VoiceOver, Switch Control, Voice Control, and more…
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
Simulated VoiceOver experience with screen curtain “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin” “Map pin”
Slide 13
Slide 13 text
Take care of the accessibility basics Best practice #5
Slide 14
Slide 14 text
Simplify the user experience Best practice #6
Slide 15
Slide 15 text
Rotor
Slide 16
Slide 16 text
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
Slide 17
Slide 17 text
UIAccessibilityCustomRotor let parks: [MKAnnotationView] let rotor = UIAccessibilityCustomRotor(name: "Parks") { ... } mapView.accessibilityCustomRotors = [rotor]
Slide 18
Slide 18 text
Outsource navigation with options Best practice #7
Slide 19
Slide 19 text
Test with real people who use assistive technology Best practice #8
Slide 20
Slide 20 text
People of all abilities CAN use maps on their smartphones.* * If developers do it right
Slide 21
Slide 21 text
Thank you! Keep in touch @RobinKanatzar Questions? Slido.com #SL23 Newsletter Slack Testers