Joe Mc Cann Tae Aria Presentation

691 views
641 views

Published on

Published in: Education, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
691
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Joe Mc Cann Tae Aria Presentation

  1. 1. ARIA- Pushing Accessibility Even Further…<br />…and How to Get Your Boss to Join In<br />
  2. 2.
  3. 3.
  4. 4. Prior to ARIA…<br />
  5. 5.
  6. 6. Now with ARIA…<br />
  7. 7.
  8. 8. &lt;imgsrc=“ftw.jpg” alt=“For the win!” /&gt;<br />&lt;table summary=“This table contains the win versus fail matrix”&gt;<br />&lt;caption&gt;A table showing how much win a caption tag adds<br />to a table.&lt;/caption&gt;<br />&lt;tr&gt;<br /> &lt;td&gt;<br /> .<br /> .<br /> .<br />&lt;/table&gt;<br />&lt;label for=“firstName”&gt;First Name&lt;/label&gt;<br />&lt;input name=“firstName” type=“text” /&gt;<br />
  9. 9.
  10. 10. What is ARIA?(Technically)<br />
  11. 11. AccessibleRichInternetApplications<br />
  12. 12. Alert<br />Alertdialog<br />Application<br />Banner<br />Button<br />Checkbox<br />Combobox<br />Dialog<br />Grid<br />Log<br />Listbox<br />Progressbar<br />Region<br />Toolbar<br />Tooltip<br />Tree<br />…and many more<br />ROLES:<br />
  13. 13. Alert<br />Alertdialog<br />Application<br />Banner<br />Button<br />Checkbox<br />Combobox<br />Dialog<br />Grid<br />Log<br />Listbox<br />Progressbar<br />Region<br />Toolbar<br />Tooltip<br />Tree<br />…and many more<br />Attributes:<br />
  14. 14. Roles + Attributes<br />Combined With<br />Modern Browser <br />+ <br />Modern Screen Reader<br />
  15. 15. =<br />
  16. 16. SO MUCH WIN<br />
  17. 17.
  18. 18. Universal Design Benefits<br />Everyone!<br />( Kudos @cookiecrook )<br />
  19. 19. SHOW ME <br />SOME CODE!<br />
  20. 20. Progressive<br />Enhancement<br />
  21. 21. Keep Your <br />Pages Valid<br />
  22. 22. And of Course…<br />JavaScript<br />
  23. 23. Benefits<br /><ul><li>Progressive Enhancement
  24. 24. Pages Remain Valid
  25. 25. Improved Usability for ALLDesktop Users
  26. 26. JavaScript is Easy
  27. 27. Feels Good!</li></li></ul><li>( Management )<br />
  28. 28. Assert Yourself!<br />You are the expert.<br />
  29. 29. Incorporating ARIA is<br />aBest Practice<br />
  30. 30. Legally, you’re doing your part.<br />
  31. 31. ( No Pun Intended )<br />
  32. 32. $6 MILLION DOLLARS++<br />
  33. 33. ( Client )<br />
  34. 34. Don’t <br />Oversell It<br />
  35. 35. “Just Part of the <br />Finished Product”<br />
  36. 36. Our Best Practices<br />Include…<br />
  37. 37. Bleeding Edge Results without<br />the Overhead<br />
  38. 38. Links!<br /><ul><li>http://subprint.com/u/5 -- WAI-ARIA Specification
  39. 39. http://subprint.com/u/6 -- WAI-ARIA Best Practices
  40. 40. http://subprint.com/u/7 -- WAI-ARIA Primer (Must Read!)
  41. 41. http://www.subprint.com/blog/
  42. 42. @joemccann</li></li></ul><li>Please complete an evaluation. <br />
  43. 43. Questions?<br />Question?<br />

×