Its_always_sunny_a11y_update.pdf

Do you want to be a Golden God of mobile accessibility? First, you are going to need your tools. The increased usage of mobile devices by individuals with disabilities makes it critical for teams to understand how to test mobile applications. Currently, the Web Content Accessibility Guidelines (WCAG) addresses only a fraction of mobile web and native application issues and largely anchors them to the standards for non- mobile sites and applications. Putting teams in the difficult position of having to decipher and validate their mobile accessibility approach on their own.

In this talk, Crystal discusses how WCAG can be applied to mobile web and native applications, best practices and an overview into accessibility features and tools available for both Android and iOS devices.

About the speaker: Crystal is a Quality Engineer with a focus on accessibility at Salesforce. She believes that accessibility is a human right and is passionate about building accessible and inclusive applications for everyone

Transcript

3. • A Few Words on Mobile Usage • WCAG Overview • Exploring WCAG 2.1 Mobile Success Criteria • Android and iOS Features/Tools
4. Credit: BBC
5. Credit: WebAIM
7. Web Content Accessibility Guidelines (WCAG) are a series of internationally recognized guidelines for improving web accessibility created by World Wide Web Consortium (W3C)
8. Four Principles of WCAG Perceivable: Users must be able to perceive the information being presented Operable: Users must be able to operate the interface Understandable: Users must be able to understand the information as well as the operation of the user interface Robust: Users must be able to access the content as technologies advance WCAG 2.1 Guidelines
9. WCAG Levels of Conformance Level A: The most basic web accessibility features Level AA: Deals with the biggest and most common barriers for disabled users Level AAA: The highest (and most complex) level of web accessibility
10. WCAG 2.0 vs WCAG 2.1
11. WCAG 2.1 extends 2.0 (All success criteria from 2.0 are included in 2.1)
12. WCAG 2.1 has 8 new success criteria that specifically addresses mobile accessibility
14. 1.3.4 Orientation (AA) Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
15. Credit: Xiaolong Wong
16. 2.5.1 Pointer Gestures (A) All functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path- based gesture, unless a multipoint or path-based gesture is essential.
17. Credit: Sebastian Hietsch
18. 2.5.4 Motion Actuation (A) Functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: Supported Interface or Essential
19. Credit: AndroidCentral
20. 2.5.2 Pointer Cancellation (A) For functionality that can be operated using a single pointer, at least one of the following is true: No Down-Event, Abort or Undo, Up Reversal, Essential
21. Credit: The Internet
22. 2.5.6 Concurrent Input Mechanisms (AAA) Web content does not restrict use of input modalities available on a platform except where the restriction is essential, required to ensure the security of the content, or required to respect user settings.
23. Credit: Hable
24. 2.5.5 Target Size (AAA) The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when: Equivalent, Inline, User Agent Control, Essential
25. Credit: Apple Design
26. 2.5.3 Label in Name (A) For user interface components with labels that include text or images of text, the name contains the text that is presented visually.
27. Credit: The Internet
28. 2.1.4 Character Key Shortcuts (A) If a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: Turn off, Remap, Active on focus
29. Credit: 20th Television
32. Credit: WebAIM
33. • VoiceOver • Zoom • Magnifier iOS A11y Features • Invert Colors • Larger Text • Switch Control Learn More: Accessibility on iOS
34. • TalkBack • Magnifier • Switch Control Android A11y Features • High Contrast Text • Larger Text • Live Caption/Transcribe Learn More: Android Accessibility Overview
35. TalkBack / VoiceOver
36. • Axe for iOS (pending) • Accessibility Inspector - Xcode iOS A11y Tools
37. Android A11y Tools • Axe for Android • Accessibility Scanner • Android Accessibility Test Kit
38. Thank You! Website: https://crystalprestonwatson.com Linkedin: https://www.linkedin.com/in/crystalpw Twitter: @ScopicEngineer
39. Resources • Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile • Demystifying Accessibility • What’s New in WCAG 2.1 • Understanding WCAG 2.1 – Reviewing Mobile Success Criteria • TPG Mobile Accessibility Testing Guide • Mobile accessibility checklist • BBC Mobile Accessibility Guidelines