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

1. Implementing ARIA
for Real World
Accessibility
CSUN
2009
Jared Smith Thomas Logan

2. http://csuntweetup.com/
Use #csun09 hashtag in tweets

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. 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. AJAX
“Asynchronous Javascript + XML”
Jesse James Garrett
February 2005

6. AJAX
“Asynchronous Javascript + XML”
Jesse James Garrett
February 2005
It’s really just XMLHttpRequest

7. AJAX
“Asynchronous Javascript + XML”
Jesse James Garrett
February 2005
It’s really just XMLHttpRequest
...and stuff

8. AJAX
• HTML
• JavaScript
• CSS
• XML
• DOM
• XMLHTTPRequest

9. Why the AJAX explosion?

10. Because “AJAX” is
not nearly as geeky
as
“XMLHttpRequest... and stuff”

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. ARIA
Core components
• Roles role=”search”>
<form
• States aria-pressed=”true”>
<button
• Propertiesaria-required=”true”>
<input

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. Live Regions
How do you point users to
content or AJAX updates?
Should you?

15. Live Regions
• aria-live=”off”
• aria-live=”polite”
• aria-live=”assertive”

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. Resources
• http://codetalks.org/
• http://queuemusic.org/

18. Questions?
Jared Smith Thomas Logan