WAI – ARIA Singing its Praises Steve Faulkner The Paciello Group [email_address] twitter @stevefaulkner
WAI   =  W eb  A ccessibility  I nitiative ARIA  =  A ccessible  R ich  I nternet  A pplications
What is it? It’s a  W3C Specification , like HTML, CSS, XML etc. It allows you to add role, state and name information  to web languages Communicate dynamic content updates (AJAX) to assistive technology Provide consistent keyboard support for interactive interface elements
What’s it do?
How? <span  role=&quot; slider &quot;   aria-valuetext=&quot; decent &quot; >
What’s it do? AJAX The abstinence message failed
What’s it do? <span   aria-live=“ polite &quot; > Loading…</span>
How? <span   aria-live=“ polite &quot; > Loading…</span>
It’s  bolt on accessibility
It’s “prefab, bolt on”  accessibility!
Why do we need it? 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?
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
Support?
ARIA Resources WAI-ARIA Overview http://www.w3.org/WAI/intro/aria Introduction to WAI-ARIA http://dev.opera.com/articles/view/introduction-to-wai-aria/ Codetalks – ARIA resources http://wiki.codetalks.org/ TPG Blog http://www.paciellogroup.com/blog DHTML Style Guide – keyboard support http://dev.aol.com/dhtml_style_guide

WAI-ARIA Singing its Praises

  • 1.
    WAI – ARIASinging its Praises Steve Faulkner The Paciello Group [email_address] twitter @stevefaulkner
  • 2.
    WAI = W eb A ccessibility I nitiative ARIA = A ccessible R ich I nternet A pplications
  • 3.
    What is it?It’s a W3C Specification , like HTML, CSS, XML etc. It allows you to add role, state and name information to web languages Communicate dynamic content updates (AJAX) to assistive technology Provide consistent keyboard support for interactive interface elements
  • 4.
  • 5.
    How? <span role=&quot; slider &quot; aria-valuetext=&quot; decent &quot; >
  • 6.
    What’s it do?AJAX The abstinence message failed
  • 7.
    What’s it do?<span aria-live=“ polite &quot; > Loading…</span>
  • 8.
    How? <span aria-live=“ polite &quot; > Loading…</span>
  • 9.
    It’s bolton accessibility
  • 10.
    It’s “prefab, bolton” accessibility!
  • 11.
    Why do weneed it? 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 accessibilityevolved 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.
  • 14.
    ARIA Resources WAI-ARIAOverview http://www.w3.org/WAI/intro/aria Introduction to WAI-ARIA http://dev.opera.com/articles/view/introduction-to-wai-aria/ Codetalks – ARIA resources http://wiki.codetalks.org/ TPG Blog http://www.paciellogroup.com/blog DHTML Style Guide – keyboard support http://dev.aol.com/dhtml_style_guide