Tutorial Outline: Mobile Overview

From Education & Outreach

Part of New Tutorials work

Approach for a Mobile Overview Tutorial

  • An overview tutorial for mobile developers, especially for developers unfamiliar with WCAG 2.0, showing how guidance for developing for desktop can also help with development for mobile. The tutorial would highlight similarities/differences in coding approach for an accessible website vs an accessible app.
  • This tutorial is intended to be complementary to the WAI Mobile landing page. But rather than taking an approach of describing what the relevant documents are for mobile, this tutorial will show a mobile developer how to use WCAG 2.0 and other resources for specific mobile development tasks.
  • Technical review would be requested from the Mobile Accessibility Task Force

Status

  • This is a draft outline, subject to change, currently getting early review by EOWG. Input welcome.

Outline of Mobile Overview Tutorial

(Subheads from this point represent potential sub-pages)

Concepts of mobile accessibility

  • Mobile environment as a continuum between Web and native
    • Mobile content and apps (from WCAG 2.0)
    • Mobile UI and interoperability (from UAAG 2.0)
    • Mobile operating systems (Open Web Platform, native)
  • Parallel principles of accessibility in the mobile environment
    • From WCAG 2.0 and UAAG 2.0
    • Perceivable
    • Operable
    • Understandable
    • Robust
    • Programmatic access
    • Specifications and conventions
  • Why this is important
    • Growth of mobile in recent years
    • Range of mobile devices
    • Run on anything anywhere

Using WCAG 2.0, UAAG 2.0, and additional existing resources

Mobile specific considerations

  • [Very] brief "where to look" for topics under discussion in MATF (probably limit these to proposals being proposed under WCAG 2.1 process (reduc this list as needed)
    • Caution that this material is non-normative
    • Limited screen size [candidate techniques, examples, tips, etc.]
    • Contrast [ditto…]
    • Touch
    • Gestures
    • Keyboards and virtual keyboards
    • Buttons
    • Layout and screen orientation
    • Positioning and grouping
    • Platform accessibility conventions

Decision tree: mobile accessibility

([Check possibilities for content to list here; may not be necessary] )

  • Identifying relevant guidance for your content
  • Identifying relevant guidance for your app
  • Identifying relevant guidance for your platform

Tips and tricks for mobile accessibility

  • [Check possibilities for content to list here; may not be necessary]

Support and contributors acknowledgement

Notes and issues

  • Probably needs a better title
  • Expand the "using existing resources" section with a few more specific samples
  • Probably reduce the "mobile specific considerations" list -- maybe mainly focus on items heading for WCAG 2.1

Change log

  • Added link-back to general requirements for new tutorials
  • Added an explanation of proposed approach for mobile overview
  • Added a status section, and this change log
  • Added sub-headers to indicate how outline might break across sub-pages in tutorial
  • Clarified which kinds of material would be brief link-overs to other tutorials
  • Added more detail to use of existing resources
  • Noted that detail under exploratory items may be reduced
  • Added an acknowledgements & support section
  • Noted that "tips & tricks" and "decision tree" may not be necessary

Support

U.S. Access Board, WCAG TA Project, Task 2