Your SlideShare is downloading. ×
0
 
Speaker <ul><li>Artur Ortega </li></ul><ul><li>Accessibility Evangelist </li></ul><ul><li>Yahoo! </li></ul>
 
<ul><li>Responsibility </li></ul><ul><li>for </li></ul><ul><li>Accessibility </li></ul>Who?
Accessibility a11y QA i18n Legal UED SEO
Why? <ul><li>Accessibility </li></ul><ul><li>-  a human right </li></ul>
Users with Disability <ul><li>- Visually impaired - Blind - Hard of hearing - Deaf - Dyslexic - Reduced mobility - Learnin...
UN convention for the rights of   people with disabilities
Article 9b <ul><li>private entities that offer  </li></ul><ul><li>facilities and services which are open or provided to th...
Why? <ul><li>Benefits for other user groups: </li></ul><ul><li>Silver Surfer </li></ul><ul><li>Situative Disabled </li></u...
Silver Surfer <ul><li>Definition: An older user of the Internet, usually someone over 50. </li></ul><ul><li>Silver surfer ...
Situative Disability <ul><li>Instead of distinguishing between being disabled and not disabled, we have only requirements ...
What? <ul><li>Accessibility </li></ul><ul><li>in </li></ul><ul><li>detail </li></ul>
WCAG 2.0 <ul><li>Four Principles of Accessibility </li></ul><ul><li>Perceivable </li></ul><ul><li>Operable </li></ul><ul><...
WCAG 2.0 – Principle 1 Perceivable  <ul><li>Users must be able to perceive the information being presented. </li></ul><ul>...
WCAG 2.0 – Principle 2 Operable <ul><li>Users must be able to operate the interface. </li></ul><ul><li>The interface canno...
WCAG 2.0 – Principle 3 Understandable <ul><li>Users must be able to understand the information as well as  the operation o...
WCAG 2.0 – Principle 4 Robust <ul><li>Content must be robust enough that it can be interpreted reliably by a wide variety ...
How? <ul><li>Testing accessibility </li></ul><ul><li>throughout development </li></ul>
Unit Tests <ul><li>Storing the service provider on a global namespace </li></ul><ul><li>Easy access for unit tests </li></...
Test tools <ul><li>Quick Accessibility Check List </li></ul><ul><li>Colour contrast analyzer </li></ul><ul><li>Free screen...
WAVE toolbar <ul><li>browse to a web page </li></ul><ul><li>select one of the ‘views’ icons </li></ul><ul><li>web page sho...
visual impairment tests <ul><ul><ul><li>Color contrast analyzer: </li></ul></ul></ul><ul><ul><ul><li>simulator for glaucom...
Selenium Extensions <ul><ul><ul><li>Images </li></ul></ul></ul><ul><ul><ul><li>Frames & iFrames </li></ul></ul></ul><ul><u...
NVDA <ul><ul><ul><li>Free </li></ul></ul></ul><ul><ul><ul><li>screen-reader </li></ul></ul></ul><ul><ul><ul><li>http://www...
Test steps for ysearch <ul><li>Using different screen readers </li></ul><ul><li>- speaks the “Search query” label </li></u...
Where? Accessibility Labs & Code Review
Accessibility Taskforce <ul><li>Global </li></ul><ul><li>European </li></ul><ul><li>USA </li></ul><ul><li>India </li></ul>
Accessibility Lab, USA
Accessibility Lab, India
When? <ul><li>Accessibility </li></ul><ul><li>in </li></ul><ul><li>mind </li></ul>
Conclusion <ul><li>Product Design </li></ul><ul><li>Implementation </li></ul><ul><li>Tests </li></ul><ul><li>User Feedback...
Artur Ortega <ul><li>Accessibility Evangelist </li></ul><ul><li>Yahoo! Europe Ltd </li></ul><ul><li>125 Shaftesbury Avenue...
Upcoming SlideShare
Loading in...5
×

"Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College on Tuesday 9 February 2010

670

Published on

An overview of "Yahoo! & Accessibility" at "Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning'" A national one day conference in Nottingham at the National College on Tuesday 9 February 2010 - with an evening session on 8 February organized jointly by ALT and JISC TechDis for any staff whose work and role affects learners
and learning.

References:
http://www.alt.ac.uk/conferences.php
http://friendfeed.com/sebschmoller/f629f1ef/julian-harty-from-google-and-artur-ortega-yahoo
http://www.educationpages.net/modules.php?op=modload&name=News&file=article&sid=302217
http://inclusivelearning.wordpress.com/2010/01/22/rewiring-inclusion/

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
670
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of ""Yahoo! & Accessibility" - Rewiring Inclusion: Strategies, Tools and Techniques to promote barrier-free learning', A national one day conference in Nottingham at the National College on Tuesday 9 February 2010"

  1. 2. Speaker <ul><li>Artur Ortega </li></ul><ul><li>Accessibility Evangelist </li></ul><ul><li>Yahoo! </li></ul>
  2. 4. <ul><li>Responsibility </li></ul><ul><li>for </li></ul><ul><li>Accessibility </li></ul>Who?
  3. 5. Accessibility a11y QA i18n Legal UED SEO
  4. 6. Why? <ul><li>Accessibility </li></ul><ul><li>- a human right </li></ul>
  5. 7. Users with Disability <ul><li>- Visually impaired - Blind - Hard of hearing - Deaf - Dyslexic - Reduced mobility - Learning disability - Situative disability </li></ul>
  6. 8. UN convention for the rights of people with disabilities
  7. 9. Article 9b <ul><li>private entities that offer </li></ul><ul><li>facilities and services which are open or provided to the public </li></ul><ul><li>take into account </li></ul><ul><li>all aspects of accessibility </li></ul>
  8. 10. Why? <ul><li>Benefits for other user groups: </li></ul><ul><li>Silver Surfer </li></ul><ul><li>Situative Disabled </li></ul><ul><li>Etc. </li></ul>
  9. 11. Silver Surfer <ul><li>Definition: An older user of the Internet, usually someone over 50. </li></ul><ul><li>Silver surfer (Noun), plural silver surfers Etymology: From silver - referring to the colour of a silver surfer's hair, and surfer - one who surfs (the Internet), from the name of the comic-book character . </li></ul><ul><li>Source: Allwords Copyright 1998-2009 http://www.allwords.com/details-silver%20surfer- 444461.html </li></ul>
  10. 12. Situative Disability <ul><li>Instead of distinguishing between being disabled and not disabled, we have only requirements on the situative context. Example: While driving a car - Can't use hands - Can't use eyes - only reduced attention Source (german): Barrierefreies eGovernment, by Herbert Kubicek, Henning Lühr, Beate Schulte  http:// www.ifib.de/publikationsdateien/Barrierefrei.pdf </li></ul>
  11. 13. What? <ul><li>Accessibility </li></ul><ul><li>in </li></ul><ul><li>detail </li></ul>
  12. 14. WCAG 2.0 <ul><li>Four Principles of Accessibility </li></ul><ul><li>Perceivable </li></ul><ul><li>Operable </li></ul><ul><li>Understandable </li></ul><ul><li>Robust </li></ul>
  13. 15. WCAG 2.0 – Principle 1 Perceivable <ul><li>Users must be able to perceive the information being presented. </li></ul><ul><li>It can't be invisible to all of their senses </li></ul>
  14. 16. WCAG 2.0 – Principle 2 Operable <ul><li>Users must be able to operate the interface. </li></ul><ul><li>The interface cannot require interaction that a user cannot perform </li></ul>
  15. 17. WCAG 2.0 – Principle 3 Understandable <ul><li>Users must be able to understand the information as well as the operation of the user interface. </li></ul><ul><li>The content or operation cannot be beyond their understanding </li></ul>
  16. 18. WCAG 2.0 – Principle 4 Robust <ul><li>Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies. </li></ul>
  17. 19. How? <ul><li>Testing accessibility </li></ul><ul><li>throughout development </li></ul>
  18. 20. Unit Tests <ul><li>Storing the service provider on a global namespace </li></ul><ul><li>Easy access for unit tests </li></ul><ul><li>Y.namespace(SERVICES_NAMESPACE); </li></ul><ul><li>Y[SERVICES_NAMESPACE][SERVICE_PROVIDER] = { </li></ul><ul><li>name: &quot;aria&quot;, </li></ul><ul><li>getService : function(moduleplatform, id) { </li></ul><ul><li>return AriaService; </li></ul><ul><li>} </li></ul><ul><li>}; </li></ul>
  19. 21. Test tools <ul><li>Quick Accessibility Check List </li></ul><ul><li>Colour contrast analyzer </li></ul><ul><li>Free screen reader NVDA </li></ul><ul><li>Web Developer Toolbar </li></ul><ul><li>WAVE toolbar </li></ul><ul><li>YSelenium Accessibility Tests </li></ul>
  20. 22. WAVE toolbar <ul><li>browse to a web page </li></ul><ul><li>select one of the ‘views’ icons </li></ul><ul><li>web page shows report </li></ul><ul><li>between viewing reports: </li></ul><ul><li>&quot;Reset Page&quot; icon refreshes the page </li></ul>
  21. 23. visual impairment tests <ul><ul><ul><li>Color contrast analyzer: </li></ul></ul></ul><ul><ul><ul><li>simulator for glaucoma, cataracts, etc </li></ul></ul></ul><ul><ul><ul><li>VisCheck: </li></ul></ul></ul><ul><ul><ul><li>simulator for color blindness and even how babies see </li></ul></ul></ul><ul><ul><ul><li>Fujitsu Color Selector: </li></ul></ul></ul><ul><ul><ul><li>suggests color combinations using sophisticated algorythms </li></ul></ul></ul><ul><ul><ul><li>Colour Contrast Analyser: </li></ul></ul></ul><ul><ul><ul><li>analyzes various color and contrast combinations </li></ul></ul></ul>
  22. 24. Selenium Extensions <ul><ul><ul><li>Images </li></ul></ul></ul><ul><ul><ul><li>Frames & iFrames </li></ul></ul></ul><ul><ul><ul><li>Links </li></ul></ul></ul><ul><ul><ul><li>Forms (edit fields, checkboxes, buttons etc) </li></ul></ul></ul><ul><ul><ul><li>Page Titles </li></ul></ul></ul><ul><ul><ul><li>Headings   </li></ul></ul></ul><ul><ul><ul><li>Navigation Menus   </li></ul></ul></ul><ul><ul><ul><li>...and much more </li></ul></ul></ul>
  23. 25. NVDA <ul><ul><ul><li>Free </li></ul></ul></ul><ul><ul><ul><li>screen-reader </li></ul></ul></ul><ul><ul><ul><li>http://www.nvda-project.org/ </li></ul></ul></ul>
  24. 26. Test steps for ysearch <ul><li>Using different screen readers </li></ul><ul><li>- speaks the “Search query” label </li></ul><ul><li>- speaks the “Use the..” description </li></ul><ul><li>- transition to the list of suggested terms is announced along with </li></ul><ul><li>- the full instructions </li></ul><ul><li>- the selected item </li></ul><ul><li>- each focus transition is properly announced and the highlighted item read </li></ul>
  25. 27. Where? Accessibility Labs & Code Review
  26. 28. Accessibility Taskforce <ul><li>Global </li></ul><ul><li>European </li></ul><ul><li>USA </li></ul><ul><li>India </li></ul>
  27. 29. Accessibility Lab, USA
  28. 30. Accessibility Lab, India
  29. 31. When? <ul><li>Accessibility </li></ul><ul><li>in </li></ul><ul><li>mind </li></ul>
  30. 32. Conclusion <ul><li>Product Design </li></ul><ul><li>Implementation </li></ul><ul><li>Tests </li></ul><ul><li>User Feedback </li></ul>
  31. 33.
  32. 34. Artur Ortega <ul><li>Accessibility Evangelist </li></ul><ul><li>Yahoo! Europe Ltd </li></ul><ul><li>125 Shaftesbury Avenue </li></ul><ul><li>London WC2H 8AD </li></ul><ul><li>United Kingdom </li></ul><ul><li>[email_address] </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×