Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessible and Mobile Web: Same Problems, Same Solutions?


Published on

An invited speach at the 3d European eAccessibility Forum. This conference has been running annually, since 1999. It is organised by the Association BrailleNet and French research organisations, and hosted by a Science Museum in Paris, the Cité des sciences et de l'industrie.

Published in: Design, Technology
  • Be the first to comment

Accessible and Mobile Web: Same Problems, Same Solutions?

  1. 1. Dr. Yeliz Yesilada Human Centred Web Lab (HCW) Information Management Group University of Manchester, UK Accessible and Mobile Web: Same Problems, Same Solutions? W3C Recommendations on Mobile Web Applications
  2. 2. Web is Everywhere!
  3. 3. Is the Web Really Mobile? Small Screen Limited Battery Cost!! No mouse Small keypad Limited memory Limited CPU
  4. 4. Overlapping User Experiences Limited keyboard and mouse Motor disability Free text entry, long text Noisy and public places Deaf or hard of hearing Audio only prompts (e.g., errors, warnings) Poor lighting (sunny day), limited device Color-blind or visually disabled people Information conveyed using color Mobile Context Disability Context Content
  5. 5. Same Problems? <ul><li>People with disabilities using computers have similar interaction limitations as people without disabilities who are using mobile devices. </li></ul><ul><li>Both experience similar barriers when interacting with Web sites. </li></ul><ul><li>There is also significant overlap between the design solutions for both. </li></ul><ul><li>Temporary disability and situationally-induced impairments! </li></ul>
  6. 6. W3C Guidelines and Best Practices <ul><li>The Web Content Accessibility Guidelines (WCAG ) is a guide for making a Web site accessible to people with disabilities. </li></ul><ul><ul><li> </li></ul></ul><ul><li>The Mobile Web Best Practices (MWBP) is a guide for making a Web site usable from a mobile device. It includes best practices that aim to improve the user experience of the mobile Web users. </li></ul><ul><ul><li> </li></ul></ul>
  7. 7. Mobile Web Best Practices <ul><li>Make Web access on all devices seamless, reliable, cost-effective . </li></ul><ul><li>Set of 10 principles and 60 best practices to keep in mind when creating mobile content. </li></ul><ul><li>Audience: creators of Web Sites (developers, interaction and graphic designers) </li></ul><ul><li>A W3C Recommendation since 29 July 2008. </li></ul>
  8. 8. A Mobile Web Best Practice <ul><li>Stay away from known hazards: </li></ul><ul><ul><li>[TABLES LAYOUT] Do not use tables for layout. </li></ul></ul>
  9. 9. A Mobile Web Best Practice <ul><li>Keep it Small: </li></ul><ul><ul><li>[PAGE SIZE LIMIT] Ensure that the overall size of page is appropriate to the memory limitations of the device. </li></ul></ul>
  10. 10. Overlapping Solutions AVOID_FREE_TEXT & PROVIDE_DEFAULTS 1.1.1 Non-text content Free text entry, long text NON-TEXT_ALTERNATIVES 1.1.1 Non-text content Audio only prompts (e.g., errors, warnings) USE_OF_COLOR 1.4.1 Use of Color Information conveyed using color WCAG 2.0 MWBP Issue
  11. 11. MWBP and WCAG Together <ul><li>A technical report that describes the relationships, overlaps and differences between the Web Content Accessibility Guidelines (WCAG) and the Mobile Web Best Practices (MWBP). </li></ul><ul><li>It consists of a number of pages: </li></ul><ul><ul><li>How to cover both WCAG 2.0 and MWBP 1.0? </li></ul></ul><ul><ul><li>How to cover WCAG if you have covered MWBP? </li></ul></ul><ul><ul><li>How to cover MWBP if you have covered WCAG? </li></ul></ul><ul><ul><li> </li></ul></ul>
  12. 12. Conclusions <ul><li>Good user experience is important. </li></ul><ul><li>Best Practices and standards in a fragmented world plays a crucial role. </li></ul><ul><ul><li>W3C Web Content Accessibility Guidelines (WCAG); </li></ul></ul><ul><ul><li>W3C Mobile Web Best Practices (MWBP). </li></ul></ul><ul><li>Good design benefits all. </li></ul>
  13. 13. Resources <ul><li>Mobile Web Best Practices: </li></ul><ul><ul><li> </li></ul></ul><ul><li>Web Content Accessibility Guidelines: </li></ul><ul><ul><li> </li></ul></ul><ul><li>Shared Web Experiences: Barriers Common to Mobile Device Users and People with Disabilities: </li></ul><ul><ul><li> </li></ul></ul><ul><li>Web Content Accessibility and Mobile Web: </li></ul><ul><ul><li> </li></ul></ul><ul><li>Relationship between Mobile Web Best Practices (MWBP) and Web Content Accessibility Guidelines (WCAG): </li></ul><ul><ul><li> </li></ul></ul>
  14. 14. Acknowledgement <ul><li>RIAM is funded by the UK Engineering and Physical Sciences Research Council (EPSRC). </li></ul><ul><li>Thanks to HCW Lab! </li></ul><ul><li> </li></ul>