This document discusses how ARIA (Accessible Rich Internet Applications) can push web accessibility even further. It provides an overview of what ARIA is technically, lists different ARIA roles and attributes, and how ARIA combined with modern browsers and screen readers improves usability for all users. It also encourages incorporating ARIA as a best practice and provides tips on how to convince management to support ARIA, including focusing on legal compliance and universal design benefits.

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

4. Prior to ARIA…

6. Now with ARIA…

8. <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” />

10. What is ARIA?(Technically)

11. AccessibleRichInternetApplications

12. AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many moreROLES:

13. AlertAlertdialogApplicationBannerButtonCheckboxComboboxDialogGridLogListboxProgressbarRegionToolbarTooltipTree…and many moreAttributes:

14. Roles + AttributesCombined WithModern Browser + Modern Screen Reader

15. =

16. SO MUCH WIN

18. Universal Design BenefitsEveryone!( Kudos @cookiecrook )

19. SHOW ME SOME CODE!

20. ProgressiveEnhancement

21. Keep Your Pages Valid

22. And of Course…JavaScript

23. BenefitsProgressive Enhancement

24. Pages Remain Valid

25. Improved Usability for ALLDesktop Users

26. JavaScript is Easy

27. Feels Good!( Management )

28. Assert Yourself!You are the expert.

29. Incorporating ARIA isaBest Practice

30. Legally, you’re doing your part.

31. ( No Pun Intended )

32. $6 MILLION DOLLARS++

33. ( Client )

34. Don’t Oversell It

35. “Just Part of the Finished Product”

36. Our Best PracticesInclude…

37. Bleeding Edge Results withoutthe Overhead