accessibility in mobile apps - microsoft strickland...developing for accessibility •read your...

15
Accessibility in Mobile Apps ANDREW STRICKLAND

Upload: others

Post on 05-Apr-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Accessibility in Mobile AppsANDREW STRICKLAND

Page 2: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

A little about me

• Live in Dallas, TX

• Work as Senior Engineer at Olo

• Enjoy racing cars and woodworking

• Twitter: @gaisuru

• GitHub: Gaisuru

Page 3: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

What is Accessibility

• Def: the quality of being able to be reached or entered

• From WAI: “enabling people with disabilities to participate equally”

• Bring everyone to the party

• Lots of different types and ranges of disabilities to be aware of

Page 4: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

What is ADA

• American with Disabilities Act

• ADA: 1990, ADAAA: 2008

• Requirements for Title I, II, III

Page 5: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Why worry about accessibility?

Page 6: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

What are your next steps?

• Know the requirements to make an app accessible

• Know how to build your apps for accessibility

Page 7: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Learning about Accessibility

• Web Content Accessibility Guidelines (WCAG)

• Mobile Accessibility WCAG draft

• Levels of Accessibility

• Third party assessments

Page 8: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Quick Accessibility Checks

• Navigation

• Color

• Changing/Setting Focus

• Interactive

• Display time

• Gestures

• Eliminate the cool?

Page 9: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Developing for Accessibility

• Read your documentation

• Voice-Over(iOS) and Talkback(Android)

• Real devices

• Make accessibility a first class citizen in your development/project process

• Tips & Tricks

Page 10: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Tip and Trick #1

• Choose your frameworks/plugins carefully

Page 11: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Tip and Trick #2

• Timing is everything. Watch your breakpoints

Page 12: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Tip and Trick #3

• Use simple controls/UI

Page 13: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Code Demo

Page 14: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Testing

• Android tester

• Manual testing, keyboards, colors

• Different versions

• AATF (https://github.com/Gaisuru/AATF)

Page 15: Accessibility in Mobile Apps - Microsoft Strickland...Developing for Accessibility •Read your documentation •Voice-Over(iOS) and Talkback(Android) •Real devices •Make accessibility

Thanks

• Andrew Strickland

• Twitter: @gaisuru

• GitHub: Gaisuru