13 Towards Mobile Web Accessibility Evaluation


Published on

In this presentation we present a new approach to mobile Web accessibility evaluation, allowing for Mobile Web adequacy and Web content accessibility evaluation regarding different selectable disability profiles. We define an evaluation approach based on the Web Content Accessibility Guidelines (WCAG), Mobile Web Best Practices (MWBP) and Barrier Walkthrough, with the goal of providing support to Web developers and designers to conduct rapid, yet specialized, accessibility assessments focused on different disability types for Web sites tailored to mobile devices. We also present a mobile Web accessibility evaluation tool that has been developed as a proofof- concept of our approach. This work was developed on the content of ACCESSIBLE “Accessibility Assessment Simulation Environment for New Applications Design and Development”, a three year STREP Project of the 7th EU Framework Programme for Research and Technological Development (FP7), that aims to define an overall European Assessment Simulation Environment making extensive use of the latest available IT technologies and concepts.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

13 Towards Mobile Web Accessibility Evaluation

  1. 1. Rogério Bandeira FFCUL Portugal
  2. 3. <ul><li>Improve </li></ul><ul><ul><li>Accessibility & Mobile Adequacy </li></ul></ul><ul><li>Support </li></ul><ul><ul><li>developers, designers, experts </li></ul></ul><ul><li>Integrate </li></ul><ul><ul><li>existing knowledge, </li></ul></ul><ul><ul><li>standards, guidelines, rules </li></ul></ul>
  3. 4. <ul><li>Accessibility </li></ul><ul><ul><li>… Web sites are accessible when individuals with disabilities can access and use them as effectively as people who don’t have disabilities (Slatin and Rush) </li></ul></ul><ul><li>Standards, Laws, Tools </li></ul><ul><li>Mobile additional restrictions </li></ul><ul><ul><li>Screen size , CPU, Battery , Memory, Mouse, Keypad, Communications, </li></ul></ul><ul><ul><li>Usage situations </li></ul></ul>
  4. 5. <ul><li>Standards are the best approach to interoperability in this fragmented devices market </li></ul><ul><li>MWBP W3C Recommendation 2008 </li></ul><ul><ul><li>BP to improve user experience of Web when accessed from such devices </li></ul></ul><ul><ul><li>60 Best Practices – delivered content </li></ul></ul><ul><ul><li>WCAG derived - mobile relevance scope </li></ul></ul>
  5. 6. <ul><ul><li>Disability Types link </li></ul></ul><ul><ul><li>body structure impairments (BSI) </li></ul></ul><ul><ul><ul><li>deviation, loss, of body functions (sight, hear, …) </li></ul></ul></ul><ul><li>map </li></ul><ul><ul><li>interaction limitations ( vision loss creates a blind spot, blur) </li></ul></ul><ul><li>associate </li></ul><ul><ul><li>guidelines and heuristics to specific BSI </li></ul></ul><ul><li>determine </li></ul><ul><ul><li>users groups that benefit from each guideline application </li></ul></ul><ul><li>extend </li></ul><ul><ul><li>to cope with WCAG & MWBP </li></ul></ul>
  6. 7. http://www.w3.org/WAI/mobile/experiences Content Disabilities context Mobile context Information conveyed solely with color Visually impaired, Colorblind Limited color palette Outdoors usage Missing or inappropriate page title (e.g. long) Blind, screen reader. list of open windows Small screen or viewport Audio-only prompts (beeps) Deaf or hard of hearing Noisy usage situations Content spawning new windows without warning user Low vision, Restricted field of vision , Blindness, Cognitive disabilities don’t realize new window Single window interface. Multiple stacked windows on small screen hide each other
  7. 8. http://www.w3.org/WAI/mobile/experiences Content WCAG 1.0 checkpoint WCAG 2.0 success criteria MW Best Practice Information conveyed solely with color 2.1, 2.2 1.4.1 Use of Color 1.4.3 Contrast (Minimum) … USE_OF_COLOR COLOR_CONTRAST Missing or inappropriate page title 13.2 2.4.2 Page Titled Page Title Audio-only prompts (beeps) 1.1, 1.4 1.2.1 Audio-only and video-only NON TEXT ALTERNATIVES Content spawning new windows without warning user 10.1 3.1.2 On-focus 3.2.2 On-Input 3.2.5 Chage on Request POP_UPS
  8. 9. <ul><li>Best Practices (Mobile usage context) </li></ul><ul><ul><ul><li>Disability Type Related </li></ul></ul></ul><ul><ul><ul><li>General Mobile Usage </li></ul></ul></ul><ul><ul><ul><li>Disability type inadequate </li></ul></ul></ul><ul><li>MWBP </li></ul>
  9. 10. Disability type Usage Scenario Selector Simulation Profile Guidelines User Interface Evaluator HTML Parser Web Resource Included Resource Linked Resource Guideline Tests Results Handler HTTP Handler Pre-Processor Assessor
  10. 14. <ul><li>Extend BP coverage </li></ul><ul><li>Integrate Portal, Inference Engine, EARL reports, Feedback </li></ul><ul><li>Web designers & developers </li></ul><ul><ul><li>accessibility & mobile adequacy specificities </li></ul></ul><ul><ul><li>diverse best practices & tools </li></ul></ul><ul><li>Common methods & tools </li></ul><ul><li>Develop, use, learn and improve </li></ul><ul><li>Towards Accessible & Mobile Adequate Web Contents </li></ul>
  11. 15. <ul><li>Thank you ! </li></ul><ul><li>[email_address] </li></ul><ul><li>http://www.accessible-project.eu </li></ul><ul><li>feedback wanted from accessibility experts </li></ul>