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.

Accessibility and Usability: What you need to know

1,416 views

Published on

Presentation given at the Nebraska Library Association 2009 conference. See blog post about the topic at me website: http://nirak.net/2009/10/27/accessibility-and-usability/

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Accessibility and Usability: What you need to know

  1. 1. Karin Dalziel<br />karin@nirak.net<br />http://nirak.net<br />Accessibility and Usability: What You Need to Know<br />
  2. 2. Accessibility and Usability:What<br />Usability<br />http://www.flickr.com/photos/mistermoss/1217997864/<br />Karin Dalziel<br />
  3. 3. Accessibility and Usability:What<br />Accessibility<br />http://www.flickr.com/photos/kumanday/276903089/<br />Karin Dalziel<br />
  4. 4. Accessibility and Usability:&lt;code&gt;<br />Karin Dalziel<br />
  5. 5. &lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;<br />&lt;/html&gt;<br />Accessibility and Usability:&lt;code&gt;<br />Karin Dalziel<br />
  6. 6. &lt;html&gt; &lt;body&gt; &lt;/html&gt; &lt;/body&gt; <br />Accessibility and Usability:&lt;code&gt;<br />Karin Dalziel<br />
  7. 7. &lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;<br />&lt;/html&gt;<br />Accessibility and Usability:&lt;code&gt;<br />Karin Dalziel<br />
  8. 8. Accessibility and Usability:&lt;code&gt;<br />&lt;html&gt;&lt;head&gt; &lt;title&gt; Main Library, Anywhere USA-Upcoming Events &lt;/title&gt;&lt;/head&gt;&lt;body&gt;<br />&lt;h1&gt;Main Library, Anywhere USA&lt;/h1&gt;&lt;h2&gt;Upcoming Events&lt;/h2&gt; &lt;/body&gt;<br />&lt;/html&gt;<br />Karin Dalziel<br />
  9. 9. Accessibility and Usability:&lt;code&gt;<br />&lt;h1&gt;Main Library, Anywhere USA&lt;/h1&gt;    &lt;h2&gt;Upcoming Events&lt;/h2&gt;        &lt;h3&gt;October&lt;/h3&gt;            &lt;h4&gt;Week one&lt;/h4&gt;            &lt;h4&gt;Week two&lt;/h4&gt;            &lt;h4&gt;Week three&lt;/h4&gt;            &lt;h4&gt;Week four&lt;/h4&gt;        &lt;h3&gt;November&lt;/h3&gt;            &lt;h4&gt;Week one&lt;/h4&gt;            &lt;h4&gt;Week two&lt;/h4&gt;            &lt;h4&gt;Week three&lt;/h4&gt;            &lt;h4&gt;Week four&lt;/h4&gt;<br />Karin Dalziel<br />
  10. 10. Accessibility and Usability:&lt;code&gt;<br />&lt;a href=&quot;help.html&quot; title=&quot;Link to help page&quot;&gt; &lt;imgsrc=&quot;help_graphic.jpg&quot; alt=&quot;Help Page&quot; title=&quot;Your helpful librarian&quot; /&gt; &lt;/a&gt;<br />Karin Dalziel<br />
  11. 11. Accessibility and Usability:Navigation<br />Karin Dalziel<br />
  12. 12. Accessibility and Usability:Navigation<br />Terminology<br />“find books”<br />“ask a librarian”<br />“find articles”<br />Karin Dalziel<br />
  13. 13. Accessibility and Usability:Navigation<br />Plan carefully<br />Karin Dalziel<br />http://www.flickr.com/photos/aheram/3531514902/<br />
  14. 14. Accessibility and Usability:Navigation<br />Show the user where they are<br />Karin Dalziel<br />
  15. 15. Accessibility and Usability:Navigation<br />Build a search<br />Search<br />Karin Dalziel<br />
  16. 16. Accessibility and Usability:Navigation<br />Use a list<br />Karin Dalziel<br />
  17. 17. Accessibility and Usability:Design<br />Rules<br />Ads<br />Simplify<br />Karin Dalziel<br />
  18. 18. Accessibility and Usability:Design<br />Use open source design<br />http://www.opensourcedesign.com/<br />http://www.opensourcedesign.com/<br />Karin Dalziel<br />
  19. 19. Accessibility and Usability:Design<br />Flexibility<br />Karin Dalziel<br />
  20. 20. Accessibility and Usability:Tools<br />Karin Dalziel<br />
  21. 21. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  22. 22. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  23. 23. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  24. 24. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  25. 25. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  26. 26. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  27. 27. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  28. 28. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  29. 29. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  30. 30. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  31. 31. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  32. 32. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  33. 33. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  34. 34. Accessibility and Usability:Tools<br />Web Developer Toolbar<br />Karin Dalziel<br />
  35. 35. Accessibility and Usability:Tools<br />Firefox Accessibility Extension<br />Karin Dalziel<br />
  36. 36. Accessibility and Usability:Tools<br />Firefox Accessibility Extension<br />Karin Dalziel<br />
  37. 37. Accessibility and Usability:Tools<br />Firefox Accessibility Extension<br />Karin Dalziel<br />
  38. 38. Accessibility and Usability:Tools<br />Greasemonkey and Stylish<br />Karin Dalziel<br />
  39. 39. Accessibility and Usability:Tools<br />Greasemonkey and Stylish<br />Karin Dalziel<br />
  40. 40. Accessibility and Usability:Tools<br />Usability Testing<br />http://www.flickr.com/photos/l-i-n-k/3654390818/<br />Karin Dalziel<br />
  41. 41. Karin Dalziel<br />karin@nirak.net<br />http://nirak.net<br />Accessibility and Usability: What You Need to Know<br />

×