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