Joe Mc Cann Tae Aria Presentation
-
Upload
ajax-experience-2009 -
Category
Education
-
view
571 -
download
0
Transcript of Joe Mc Cann Tae Aria Presentation
![Page 1: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/1.jpg)
ARIA - Pushing Accessibility Even Further…
…and How to Get Your Boss to Join In
![Page 2: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/2.jpg)
![Page 3: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/3.jpg)
![Page 4: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/4.jpg)
Prior to ARIA…
![Page 5: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/5.jpg)
![Page 6: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/6.jpg)
Now with ARIA…
![Page 7: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/7.jpg)
![Page 8: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/8.jpg)
<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>
![Page 9: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/9.jpg)
WAI-ARIAWCAG 2.0
Triple-A Conformance
Section 508 Conformance
![Page 10: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/10.jpg)
What is ARIA?(Technically)
![Page 11: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/11.jpg)
AccessibleRichInternetApplications
![Page 12: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/12.jpg)
ROLES:
AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many more
![Page 13: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/13.jpg)
Attributes:
AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many more
![Page 14: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/14.jpg)
Roles + Attributes
Combined With
Modern Browser +
Modern Screen Reader
![Page 15: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/15.jpg)
=
![Page 16: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/16.jpg)
SO MUCH WIN
![Page 17: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/17.jpg)
![Page 18: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/18.jpg)
Universal Design BenefitsEveryone!
( Kudos @cookiecrook )
![Page 19: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/19.jpg)
SHOW ME SOME CODE!
![Page 20: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/20.jpg)
ProgressiveEnhancement
![Page 21: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/21.jpg)
Keep Your Pages Valid
![Page 22: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/22.jpg)
And of Course…JavaScript
![Page 23: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/23.jpg)
Benefits•Progressive Enhancement•Pages Remain Valid•Improved Usability for ALL Desktop Users•JavaScript is Easy•Feels Good!
![Page 24: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/24.jpg)
( Management )
![Page 25: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/25.jpg)
Assert Yourself!
You are the expert.
![Page 26: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/26.jpg)
Incorporating ARIA is
a Best Practice
![Page 27: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/27.jpg)
Legally, you’re doing your part.
![Page 28: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/28.jpg)
( No Pun Intended )
![Page 29: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/29.jpg)
$6 MILLION DOLLARS++
![Page 30: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/30.jpg)
( Client )
![Page 31: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/31.jpg)
Don’t Oversell It
![Page 32: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/32.jpg)
“Just Part of the Finished Product”
![Page 33: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/33.jpg)
Our Best PracticesInclude…
![Page 34: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/34.jpg)
Bleeding Edge Results withoutthe Overhead
![Page 35: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/35.jpg)
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
![Page 36: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/36.jpg)
Please complete an evaluation.
![Page 37: Joe Mc Cann Tae Aria Presentation](https://reader035.fdocuments.us/reader035/viewer/2022062405/5581cd1fd8b42ae06c8b4e62/html5/thumbnails/37.jpg)
Question?
Questions?