ARIA- Pushing Accessibility Even Further……and How to Get Your Boss to Join In

Prior to ARIA…

Now with ARIA…

<imgsrc=“ftw.jpg” alt=“For the win!” /><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><label for=“firstName”>First Name</label><input name=“firstName” type=“text” />

What is ARIA?(Technically)

AccessibleRichInternetApplications

AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many moreROLES:

AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many moreAttributes:

Roles + AttributesCombined WithModern 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

BenefitsProgressive EnhancementPages Remain ValidImproved Usability for ALLDesktop UsersJavaScript is EasyFeels Good!

Progressive Enhancement

Pages Remain Valid

Improved Usability for ALLDesktop Users

JavaScript is Easy

Feels Good!

( Management )

Assert Yourself!You are the expert.

Incorporating ARIA isaBest 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 Specificationhttp://subprint.com/u/6 -- WAI-ARIA Best Practiceshttp://subprint.com/u/7 -- WAI-ARIA Primer (Must Read!)http://www.subprint.com/blog/@joemccann

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.

Questions?Question?