ARIA - Pushing Accessibility Even Further…

…and How to Get Your Boss to Join In

Prior to ARIA…

Now with ARIA…

<img src=“ftw.jpg” alt=“For the win!” />

<label for=“firstName”>First Name</label><input name=“firstName” type=“text” />

<table summary=“This table contains the win versus fail matrix”><caption>A table showing how much win a caption tag addsto a table.</caption><tr> <td> . . .</table>

WAI-ARIAWCAG 2.0

Triple-A Conformance

Section 508 Conformance

What is ARIA?(Technically)

AccessibleRichInternetApplications

ROLES:

AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many more

Attributes:

AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many more

Roles + Attributes

Combined With

Modern Browser +

Modern Screen Reader

=

SO MUCH WIN

Universal Design BenefitsEveryone!

( Kudos @cookiecrook )

SHOW ME SOME CODE!

ProgressiveEnhancement

Keep Your Pages Valid

And of Course…JavaScript

Benefits•Progressive Enhancement•Pages Remain Valid•Improved Usability for ALL Desktop Users•JavaScript is Easy•Feels Good!

( Management )

Assert Yourself!

You are the expert.

Incorporating ARIA is

a Best Practice

Legally, you’re doing your part.

( No Pun Intended )

$6 MILLION DOLLARS++

( Client )

Don’t Oversell It

“Just Part of the Finished Product”

Our Best PracticesInclude…

Bleeding Edge Results withoutthe Overhead

Links!• http://subprint.com/u/5 -- WAI-ARIA Specification• http://subprint.com/u/6 -- WAI-ARIA Best Practices• http://subprint.com/u/7 -- WAI-ARIA Primer (Must Read!)• http://www.subprint.com/blog/• @joemccann

Please complete an evaluation.

Question?

Questions?