Mobile Web Best Practice & WCAG 2.0

1
Mobile Web Best Practice WCAG 2.0

• Can you spot the difference?

Phil Archer W3C Mobile Web Initiative phila_at_w3.org
2
WCAG 2.0
3
MWBP
4
June 2005
5
MWBP Starting Point
6
Similarities

• Availability of keyboard and mouse limited
• Navigation hard if you only see part of the page

7
Navigation Issues
8
Similarities

• Availability of keyboard and mouse limited
• Navigation hard if you only see part of the page
• Its hard to fill in forms and enter URIs
• Screen contrast can be poor
• Helper applications may not be available/may not
  help at all

9
Similar ProblemsSimilar Solutions

• Non-text Objects with no text alternative
• WCAG 2.0 Success Criteria 1.1.1 Non-text content
• MWBP 1.0 Best Practice NON_TEXT_ALTERNATIVES and
  OBJECTS_OR_SCRIPT
• Even if device supports sound and video,
  downloading is expensive may be switched off
• No one can hear anything in a nightclub

10
Similar ProblemsSimilar Solutions

• CSS positioning, tables for layout etc
• WCAG 2.0 Success Criteria 1.3.2 Meaningful
  Sequence
• MWBP 1.0 Best Practice TABLES_LAYOUT,
  TABLES_NESTED and TABLES_ALTERNATIVES
• Even where CSS positioning is supported, there
  may not be enough room on the screen

11
Sounds Familiar?

• Accessibility helper applications render content
  in a format that may differ from the one that the
  content provider had in mind
• Web content is often adapted before delivery to
  mobile devices

12
Content Adaptation
13
Content Adaptation
14
Content Adaptation
15
Similar ProblemsSimilar Solutions

• Perceivable
• Operable
• Understandable
• Robust

16
WCAG 2.0 to MWBP
17
MWBP to WCAG 2.0
18
WCAG to MWBP
MWBP to WCAG
19
Some Mobile-Specific BPs

• Thematic Consistency
• One Web
• Caching
• External Resources
• Exploit Device Capabilities

20
The Business Case
Web sites can more efficiently meet both goals
when developers understand the significant
overlap between making a Web site accessible for
a mobile device and for people with disabilities.
21
Mobile Web Browsing

• In 2007, 14 of American adults accessed the
  internet on a handheld on a typical day and 32
  had ever used the internet on their handheld.
• In 2009, 23 accessed the internet on a handheld
  on a typical day and 38 had ever used the
  internet on their handheld.

22
Traffic Growth
Increase in Internet Traffic Reported by admob
June 09
23
Traffic Growth
http//www.scribd.com/doc/24826531/Quantcast-Mobil
e-Report1
24
Gartner Prediction
Mobile phones will overtake PCs as the dominant
web access device worldwide by 2013
Gartner Highlights, January 2010 http//www.gartne
r.com/it/page.jsp?id1278413
25
Drivers

• Smartphones (notably iPhone)
• Social Networking
• Video
• Location-based services
• Flat-rate data tariffs

26
mobileOK
27
mobileOK
28
mobileOK
29
Potential for universal access?

• Personal and customisable
• Portable
• One handed operation
• Location-aware
• Speaker and microphone built in

30
More?

• Likely to run updated version of our online
  training course Introduction to W3C Mobile Web
  Best Practices later in 2010

31
Links
Mobile Web Best Practices http//www.w3.org/TR/mo
bile-bp/ WAI/Mobile http//www.w3.org/WAI/mobile/
mobileOk Checker http//validator.w3.org/mobile/
Training http//www.w3.org/Mobile/training Twitt
er _at_pmobiweb
Phil Archer http//www.w3.org/People/allphila phi
la_at_w3.org