WAI – ARIA Singing its Praises Steve Faulkner The Paciello Group [email_address] twitter @stevefaulkner
<ul><li>WAI   =  </li></ul><ul><li>W eb  A ccessibility  I nitiative </li></ul><ul><li>ARIA  =  </li></ul><ul><li>A ccessi...
<ul><li>What is it? </li></ul><ul><li>It’s a  W3C Specification , like HTML, CSS, XML etc. </li></ul><ul><ul><li>It allows...
<ul><li>What’s it do? </li></ul>
<ul><li>How? </li></ul><span  role=&quot; slider &quot;   aria-valuetext=&quot; decent &quot; >
<ul><li>What’s it do? </li></ul>AJAX The abstinence message failed
<ul><li>What’s it do? </li></ul><span   aria-live=“ polite &quot; > Loading…</span>
<ul><li>How? </li></ul><span   aria-live=“ polite &quot; > Loading…</span>
<ul><li>It’s  bolt on accessibility </li></ul>
<ul><li>It’s “prefab, bolt on”  accessibility! </li></ul>
<ul><li>Why do we need it? </li></ul>HTML 4, 5 and beyond XHTML SVG XUL People do stuff with web languages that isn’t anti...
Firefox  accessibility evolved Try them for yourself Firebug alpha getfirebug.com/releases/firebug/1.4/ Juicy Studio Acces...
Support?
<ul><li>ARIA Resources </li></ul><ul><li>WAI-ARIA Overview </li></ul><ul><li>http://www.w3.org/WAI/intro/aria </li></ul><u...
Upcoming SlideShare
Loading in...5
×

WAI-ARIA Singing its Praises

1,409

Published on

presentation about WAI-ARIA, from the European Accessibility Forum, March 27, 2009, Frankfurt, Germany

Published in: Technology, Design
1 Comment
3 Likes
Statistics
Notes
  • Video of this presentation Steve Faulkner: Accessible Rich Internet Applications (ARIA) from namics on Vimeo. Also available in German.

    <br /><object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=3969527&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1" width="350" height="288"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3969527&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1"></param><embed src="http://vimeo.com/moogaloop.swf?clip_id=3969527&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1" width="350" height="288" type="application/x-shockwave-flash"></embed></object>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
1,409
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

WAI-ARIA Singing its Praises

  1. 1. WAI – ARIA Singing its Praises Steve Faulkner The Paciello Group [email_address] twitter @stevefaulkner
  2. 2. <ul><li>WAI = </li></ul><ul><li>W eb A ccessibility I nitiative </li></ul><ul><li>ARIA = </li></ul><ul><li>A ccessible R ich </li></ul><ul><li>I nternet A pplications </li></ul>
  3. 3. <ul><li>What is it? </li></ul><ul><li>It’s a W3C Specification , like HTML, CSS, XML etc. </li></ul><ul><ul><li>It allows you to add role, state and name information to web languages </li></ul></ul><ul><ul><li>Communicate dynamic content updates (AJAX) to assistive technology </li></ul></ul><ul><ul><li>Provide consistent keyboard support for interactive interface elements </li></ul></ul>
  4. 4. <ul><li>What’s it do? </li></ul>
  5. 5. <ul><li>How? </li></ul><span role=&quot; slider &quot; aria-valuetext=&quot; decent &quot; >
  6. 6. <ul><li>What’s it do? </li></ul>AJAX The abstinence message failed
  7. 7. <ul><li>What’s it do? </li></ul><span aria-live=“ polite &quot; > Loading…</span>
  8. 8. <ul><li>How? </li></ul><span aria-live=“ polite &quot; > Loading…</span>
  9. 9. <ul><li>It’s bolt on accessibility </li></ul>
  10. 10. <ul><li>It’s “prefab, bolt on” accessibility! </li></ul>
  11. 11. <ul><li>Why do we need it? </li></ul>HTML 4, 5 and beyond XHTML SVG XUL People do stuff with web languages that isn’t anticipated, so the languages aren’t always up to the job, accessibility wise. Where can it be used?
  12. 12. Firefox accessibility evolved Try them for yourself Firebug alpha getfirebug.com/releases/firebug/1.4/ Juicy Studio Accessibility Toolbar https://addons.mozilla.org/de/firefox/addon/9108 W3C validation application for MAC OSX http://www.paciellogroup.com/blog/?p=108 Hans Hillen Gez Lemon Members of the TPG Posse
  13. 13. Support?
  14. 14. <ul><li>ARIA Resources </li></ul><ul><li>WAI-ARIA Overview </li></ul><ul><li>http://www.w3.org/WAI/intro/aria </li></ul><ul><li>Introduction to WAI-ARIA </li></ul><ul><li>http://dev.opera.com/articles/view/introduction-to-wai-aria/ </li></ul><ul><li>Codetalks – ARIA resources </li></ul><ul><li>http://wiki.codetalks.org/ </li></ul><ul><li>TPG Blog </li></ul><ul><li>http://www.paciellogroup.com/blog </li></ul><ul><li>DHTML Style Guide – keyboard support </li></ul><ul><li>http://dev.aol.com/dhtml_style_guide </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.

×