Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Joe Mc Cann Tae Aria Presentation

848 views

Published on

Published in: Education, Sports
  • Login to see the comments

  • Be the first to like this

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 />

×