Open hack 2011-Accessibility

1,983 views

Published on

Published in: Design, Technology

Open hack 2011-Accessibility

  1. 1.
  2. 2. Know the World of Accessibility<br />Srinivasu ChakravarthulaAccessibility Lab,Yahoo! India Research & Development<br />
  3. 3. Create an inclusive web!<br />
  4. 4. agenda<br /><ul><li>What’s Accessibility?
  5. 5. Who are people with disabilities?
  6. 6. Assistive Technologies
  7. 7. Accessibility is not just for people with disabilities
  8. 8. The problem
  9. 9. Web Accessibility standards
  10. 10. The Power of ARIA
  11. 11. YUI and Accessibility
  12. 12. HTML 5 and Accessibility</li></li></ul><li>What is accessibility?<br /><ul><li>Providing equal access to everyone
  13. 13. Providing equal information
  14. 14. Providing equal functionality to all</li></li></ul><li>Who are people with disabilities<br /><ul><li>Created by situation
  15. 15. Temporary disability due to accident
  16. 16. Functional disabilities</li></li></ul><li>Assistive technologies<br /><ul><li>Screen readers
  17. 17. Screen magnifiers
  18. 18. Refreshable Braille displays
  19. 19. Trackball
  20. 20. Switches
  21. 21. Head mounted mouse
  22. 22. AAC devices … many more!</li></li></ul><li>Accessibility is not just for people with disabilities but also… <br /><ul><li>Low band width users
  23. 23. Senior citizens
  24. 24. Search engines
  25. 25. Mobile users</li></li></ul><li>The problem<br /><ul><li>Most of the web is inaccessible due to:
  26. 26. Lack of semantic code
  27. 27. Lack of use of the standards
  28. 28. Not following the best practices of respective technology</li></li></ul><li>Web accessibility standards<br /><ul><li>Web Content Accessibility Guidelines (WCAG) 2.0 http://www.w3.org/TR/WCAG20/
  29. 29. Accessible Rich Internet Applications (ARIA) - http://www.w3.org/WAI/intro/aria.php
  30. 30. Authoring Tool Accessibility Guidelines (ATAG) http://www.w3.org/TR/ATAG10/
  31. 31. User Agent Accessibility Guidelines (UAAG) 1.0 http://www.w3.org/WAI/intro/uaag.php
  32. 32. Guidelines for Indian Government Websites (GIGW) - http://web.guidelines.gov.in/</li></li></ul><li>The power of aria<br />Makes the dynamic web accessible! Let’s see the examples on Yahoo! Search – auto suggestions on Yahoo! Home page.<br />Makes inline dialogues and alerts accessible<br />Different case studies on the use of WAI ARIA – From Yahoo! Search<br />
  33. 33. YUI and Accessibility<br /><ul><li>An Accessible star rating widget
  34. 34. Accessible Menu controls and many more
  35. 35. YUI Accessibility blog posts - http://yuiblog.com/blog/category/accessibility</li></li></ul><li>Html 5 and accessibility<br />Best resource: http://html5accessibility.com<br />
  36. 36. Yahoo! Accessibility resources<br />Yahoo! Accessibility Blog: http://accessibility.yahoo.com<br />Code Library: http://yaccessibilityblog.com/library/<br />Twitter: @yahooaccess<br />Facebook: http://www.facebook.com/YahooAccessibility<br />
  37. 37. Thank you! All the best!-@VasuTweets<br />

×