User:Eeggert/Tutorials/MobileAlt

From Education & Outreach

Part of New Tutorials work

Approach for a Mobile Overview Tutorial

Eric: This is the tutorial I have the most issues with. It is too general and most of the mobile principles also apply to other contexts – for example touch is on notebooks, and small screen (actually small viewport) is also applicable for users with low vision that resize text. I can see an overview page that is under https://www.w3.org/WAI/mobile/Overview that lists the different aspects and then points to explicit examples in the tutorials (and other supporting material. If I read mobile tutorial, I’d think of native development, btw. For the web, one would use “responsive”.

  • 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.
    • Eric: I don’t understand. Does this imply that apps = mobile and website = desktop?
  • 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.
    • Eric: I think it could easily live there, incorporated into a streamlining of our mobile guidance?
  • 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

Eric: Unfortunately I have not a good proposal for this tutorial, as I think its content is not a good fit for the tutorials. I also don’t think that users would expect a deep dive into specs and then an overview over some techniques in tutorials.

(Subheads from this point represent potential sub-pages)

Concepts of mobile accessibility

Eric: Too much spec talk. What are the practical things a user gets?

  • 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

Eric: After having a first page that talks about specs, we should not have another page on specs. And then throw some code samples in.

Eric: What code samples are we talking about. Maybe we could extrapolate a tutorial from those.

Mobile specific considerations

Eric: Those topics are interesting, but would better fit on an mobile overview page. Just pointing people to MATF work – that is not normative and also not really written with the audience in mind that the tutorials have.

  • [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