Evaluating the accessibility of  Rich Internet Applications      Nádia Fernandes, Daniel     Costa, Sérgio Neves, Carlos  ...
Motivation• The Internet has become an indispensable  tool for our everyday life• And it is used by all kind of people  – ...
Problems• The content of Web pages must become  accessible to all users• Developers need a way to help them  implement an ...
Solution• The Web Content Accessibility Guidelines  (WCAG)  – A set of best practices for developing an accessible    Web ...
New Challenges• Web pages are no longer static content displayers• With the Web development, Rich Internet  Applications a...
New approach• QualWeb 3.0  – New WCAG techniques evaluated (including CSS    techniques)  – Added a new module that trigge...
Architecture7   W4A 2012 – Accessible Web 2.0
Interaction Simulator• This component is responsible for activating  interactive elements in the HTML document   – For eac...
QualWeb evaluator• The evaluator receives the new state and  performs the evaluation• 20 HTML WCAG 2.0 and 6 CSS WCAG 2.0•...
Experimental study• 5o inspiring Web applications  – http://speckyboy.com/2009/09/02/50-inspiring-    web-application-and-...
Goal• The goal of this experiment is to validate this  new approach• Understand if it is possible to automatically  trigge...
Results12   W4A 2012 – Accessible Web 2.0
Results• There was an average of 5 different states per  page  – The number of fails and warnings increased 4% and    10% ...
Advantages• The main advantages are:  – The evaluation is made on browser environment     • VS “Offline” evaluation  – Eva...
Conclusions• The results obtained show that it is possible to  evaluate automatically states that can be  triggered withou...
Future Work• Implement more WCAG 2.0 techniques• Perform more tests• Remove some limitations we had    16        W4A 2012 ...
Questions?• Daniel Costa – dancosta@di.fc.ul.pt• Nádia Fernandes – nadiaf@di.fc.ul.pt    17        W4A 2012 – Accessible W...
Upcoming SlideShare
Loading in …5
×

Evaluating the accessibility of rich internet applications

1,188 views
1,121 views

Published on

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,188
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Evaluating the accessibility of rich internet applications

  1. 1. Evaluating the accessibility of Rich Internet Applications Nádia Fernandes, Daniel Costa, Sérgio Neves, Carlos Duarte, Luís Carriço W4A 2012 – Accessible Web 2.0
  2. 2. Motivation• The Internet has become an indispensable tool for our everyday life• And it is used by all kind of people – With different physical and/or mental capabilities 2 W4A 2012 – Accessible Web 2.0
  3. 3. Problems• The content of Web pages must become accessible to all users• Developers need a way to help them implement an accessible page• Tools should be provided to enable evaluation of the accessibility 3 W4A 2012 – Accessible Web 2.0
  4. 4. Solution• The Web Content Accessibility Guidelines (WCAG) – A set of best practices for developing an accessible Web page• Automated accessibility evaluators – QualWeb (Nádia et al) – Achecker – And more… 4 W4A 2012 – Accessible Web 2.0
  5. 5. New Challenges• Web pages are no longer static content displayers• With the Web development, Rich Internet Applications are becoming a trend• New elements are introduced on the Dom tree triggered by javascript functions 5 W4A 2012 – Accessible Web 2.0
  6. 6. New approach• QualWeb 3.0 – New WCAG techniques evaluated (including CSS techniques) – Added a new module that triggers and observes changes made on the Dom tree 6 W4A 2012 – Accessible Web 2.0
  7. 7. Architecture7 W4A 2012 – Accessible Web 2.0
  8. 8. Interaction Simulator• This component is responsible for activating interactive elements in the HTML document – For each interactive element it is attached a function (Crawler) that triggers this element periodically – At the same time there is an Observer which analyses the Dom tree to see if it has changed – A change in the Dom tree is considered a new state of the RIA 8 W4A 2012 – Accessible Web 2.0
  9. 9. QualWeb evaluator• The evaluator receives the new state and performs the evaluation• 20 HTML WCAG 2.0 and 6 CSS WCAG 2.0• Then generates an EARL report 9 W4A 2012 – Accessible Web 2.0
  10. 10. Experimental study• 5o inspiring Web applications – http://speckyboy.com/2009/09/02/50-inspiring- web-application-and-service-web-site-designs/ 10 W4A 2012 – Accessible Web 2.0
  11. 11. Goal• The goal of this experiment is to validate this new approach• Understand if it is possible to automatically trigger changes on the Web page• Understand if those changes affect the accessibility of the page 11 W4A 2012 – Accessible Web 2.0
  12. 12. Results12 W4A 2012 – Accessible Web 2.0
  13. 13. Results• There was an average of 5 different states per page – The number of fails and warnings increased 4% and 10% in comparison with the original state• In this experiment the average of pass results is 28% , fail results represent an average of 12% and 60% for warnings.• 43% of the Warning results come from the CSS evaluation 13 W4A 2012 – Accessible Web 2.0
  14. 14. Advantages• The main advantages are: – The evaluation is made on browser environment • VS “Offline” evaluation – Evaluates WCAG 2.0 techniques (HTML and CSS) • VS WCAG 1.0 – Can evaluate parts of the Web page that were otherwise unreachable 14 W4A 2012 – Accessible Web 2.0
  15. 15. Conclusions• The results obtained show that it is possible to evaluate automatically states that can be triggered without human intervention• We demonstrated that there are differences when evaluating different states of the Web page• We have developed a more complete evaluation of Web pages 15 W4A 2012 – Accessible Web 2.0
  16. 16. Future Work• Implement more WCAG 2.0 techniques• Perform more tests• Remove some limitations we had 16 W4A 2012 – Accessible Web 2.0
  17. 17. Questions?• Daniel Costa – dancosta@di.fc.ul.pt• Nádia Fernandes – nadiaf@di.fc.ul.pt 17 W4A 2012 – Accessible Web 2.0

×