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

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 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?

What’s it do?

How? <span role=&quot; slider &quot; aria-valuetext=&quot; decent &quot; >

How?

What’s it do? AJAX The abstinence message failed

What’s it do?

What’s it do? <span aria-live=“ polite &quot; > Loading…</span>

What’s it do?

How? <span aria-live=“ polite &quot; > Loading…</span>

How?

It’s bolt on accessibility

It’s bolt on accessibility

It’s “prefab, 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?

Why do we need it?

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

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