Tutorial Mockup Mobile Overview

From Education & Outreach

Background

Part of New Tutorials work

Approach

  • An overview tutorial for mobile developers
    • especially for mobile developers unfamiliar with WCAG 2.0;
    • showing how guidance for developing for desktop can also help with development for mobile;
    • intended to be complementary to the WAI Mobile landing page;
      • difference is that instead of providing a narrative description of 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 to be requested from the Mobile Accessibility Task Force.

Status

  • This is a draft outline, already updated from the original, subject to change, currently getting early review by EOWG.
  • Input welcome; if possible please log issues in [https://github.com/w3c/wai-tutorials/issues/new?labels=mobile-overview Github tutorials repository with label "mobile".
  • Key issue: needs a new name; perhaps "Developers' Introduction to Mobile Accessibility"? Otherwise: tutorial guide; guide; developers' guide; other? This version uses above as new trial title.

(DRAFT PAGE 1) Developers' Introduction to Mobile Accessibility: Concepts

Mobile concepts

  • How mobile is different than desktop
    • Advent of smart phones with app functionality
    • Multimodal input (etc)
  • But also, how mobile is the same
    • "There is no such thing as mobile"
    • Continuum from desktop to mobile into native
    • Accessibility principles are the same
    • Development techniques are mostly the same
  • How mobile is driving changes in desktop
    • For instance, touch interface now needed on desktop as well
    • Additional changes are being driven by mobile
    • The changing context is important for the whole field
  • This developers' guide gives you what you need to know
    • And what to watch for

Why this is important

  • Mobile has become a central technology
    • growth of mobile; range of mobile devices; run on anything anywhere
    • standards statistics
  • Accessibility barriers on mobile have great impact on people with disabilities
    • impacts access to education, work, finance, entertainment, etc
    • examples of barriers on mobile

Related Mobile Accessibility Resources

  • Short annotated list, starting with mobile accessibility landing page
  • Also links out to mobile native guidance and techniques (where available)

(DRAFT PAGE 2) Developers' Introduction to Mobile Accessibility: Guidance and Examples

All of the existing resources and more...

  • Differentiating normative resources; informative resources; resources under development

What WAI guidance and techniques are relevant for mobile accessibility

Things to bear in mind when using general accessibility resources for mobile

  • For instance, working with limited screen size, touch and gestural input, keyboards and virtual keyboards, buttons, layout and screen orientation, positioning and grouping, platform accessibility conventions

Tips for using existing tutorial guidance for mobile

  • Page structure
    • mobile notes on using page structure guidance
    • links to additional (integrated) mobile examples
  • Menus
    • notes
    • links to integrated examples
  • Images
    • notes
    • links to integrated examples
  • Tables
    • notes
    • links to integrated examples
  • Forms
    • notes
    • links to integrated examples
  • Carousels
    • notes
    • links to integrated examples

(DRAFT PAGE 3) Developers' Introduction to Mobile Accessibility: Upcoming

Areas of work under development

  • non-normative success criteria for interim consideration by developers
  • potential tips and techniques related to work under development

What to watch for

  • what to expect in WCAG 2.1
  • trialing and contributing to new work under development in WCAG 2.1

== (DRAFT TUTORIAL PAGE 4) Developers' Introduction to Mobile Accessibility: Tips and Techniques (placeholder page; unclear if needed)

Support and contributors acknowledgement

Notes and issues

Key issues

  • Needs title exploration -- see "key issue" up near top of page
  • Add a section focusing 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
  • Proposed renaming
  • Re-organized structure
  • Indicated potential additional embedded mobile examples