Date post: | 18-Jun-2015 |
Category: |
Education |
Upload: | ajax-experience-2009 |
View: | 569 times |
Download: | 0 times |
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?