Your SlideShare is downloading. ×
0
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
WAI-ARIA Singing its Praises
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WAI-ARIA Singing its Praises

1,379

Published on

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

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,379
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WAI – ARIA Singing its Praises Steve Faulkner The Paciello Group [email_address] twitter @stevefaulkner
  • 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. <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. <ul><li>What’s it do? </li></ul>
  • 5. <ul><li>How? </li></ul><span role=&quot; slider &quot; aria-valuetext=&quot; decent &quot; >
  • 6. <ul><li>What’s it do? </li></ul>AJAX The abstinence message failed
  • 7. <ul><li>What’s it do? </li></ul><span aria-live=“ polite &quot; > Loading…</span>
  • 8. <ul><li>How? </li></ul><span aria-live=“ polite &quot; > Loading…</span>
  • 9. <ul><li>It’s bolt on accessibility </li></ul>
  • 10. <ul><li>It’s “prefab, bolt on” accessibility! </li></ul>
  • 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. 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. Support?
  • 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>

×