Upgrade to Pro — share decks privately, control downloads, hide ads and more …



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



May 05, 2020


  1. None
  2. None
  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

  6. None
  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
  13. None
  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

  30. None
  31. None
  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