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.

Implementing ARIA for Real World Accessibility

3,415 views

Published on

Slides from "Implementing ARIA for Real World Accessibility" presentation at CSUN 2009.

Published in: Technology, Design
  • ➤➤ How Long Does She Want You to Last? Here's the link to the FREE report ■■■ http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Implementing ARIA for Real World Accessibility

  1. 1. Implementing ARIA for Real World Accessibility CSUN 2009 Jared Smith Thomas Logan
  2. 2. http://csuntweetup.com/ Use #csun09 hashtag in tweets
  3. 3. ARIA • Accessible Rich Internet Applications • Specification developed by the PFWG of the W3C’s WAI. Huh? • Currently published as a Last Call Working Draft
  4. 4. ARIA enhances accessibility of... • ... dynamic content and AJAX • ... scripted widgets and interactive controls • ... keyboard interactions within a web page Bridges the gap to future versions of HTML/XHTML
  5. 5. AJAX “Asynchronous Javascript + XML” Jesse James Garrett February 2005
  6. 6. AJAX “Asynchronous Javascript + XML” Jesse James Garrett February 2005 It’s really just XMLHttpRequest
  7. 7. AJAX “Asynchronous Javascript + XML” Jesse James Garrett February 2005 It’s really just XMLHttpRequest ...and stuff
  8. 8. AJAX • HTML • JavaScript • CSS • XML • DOM • XMLHTTPRequest
  9. 9. Why the AJAX explosion?
  10. 10. Because “AJAX” is not nearly as geeky as “XMLHttpRequest... and stuff”
  11. 11. Screen Readers and Dynamic Content • What interactive objects are available? • What properties do they have? • How do they relate? • Is what changed important?
  12. 12. ARIA Core components • Roles role=”search”> <form • States aria-pressed=”true”> <button • Propertiesaria-required=”true”> <input
  13. 13. Landmark Roles • Banner, search, main, navigation, complementary, etc. • Allows instant access to major page components • The end of “skip” links? • What about sighted keyboard users?
  14. 14. Live Regions How do you point users to content or AJAX updates? Should you?
  15. 15. Live Regions • aria-live=”off” • aria-live=”polite” • aria-live=”assertive”
  16. 16. ARIA other enhancements • Drag and drop points • Advanced interactive widgets and controls • Relationships and labelling • Sort properties • Fills keyboard gaps - makes thing tabable and/or focusable
  17. 17. Resources • http://codetalks.org/ • http://queuemusic.org/
  18. 18. Questions? Jared Smith Thomas Logan

×