Make your content accessible

1,161 views
1,014 views

Published on

Presented at ConfabEdu in Atlanta, Georgia, November 11, 2013, Derek Featherstone shows us several lessons about making our content more accessible to people with visual, cognitive, hearing, and mobility/dexterity related disabilities.

Published in: Education, Technology, Design

Make your content accessible

  1. 1. <h2> News for Movember 11, 2013 </h2>
  2. 2. <h2> Highlights for Movember 11, 2013 </h2>
  3. 3. Make your
 Content Accessible
  4. 4. Derek Featherstone feather@simplyaccessible.com @feather
  5. 5. We create more accessible solutions through better content, design, and development.
  6. 6. We create more accessible solutions through better content, design, and development.
  7. 7. LESSON 1
 Provide great document structure
  8. 8. LESSON 2
 Provide orientation and way finding clues
  9. 9. <title>! Admission: Stanford University! </title>!
  10. 10. LESSON 3
 Perfect your text alternatives
  11. 11. What’s the call to action?
  12. 12. What’s the call to action?
  13. 13. <a href="javascript:void(0);">! <img src=“images/homepage_tool_programs.png”! alt=“visit">! </a>
  14. 14. Lesson: Calls to action must match
  15. 15. Lesson: Calls to action must match
  16. 16. LESSON 4
 Decide which images are content
  17. 17. Windows HCM: background images disappear
  18. 18. LESSON 5
 Understand context before you write.
  19. 19. alt=”Jordan with a surprised look on his face”
  20. 20. alt=”Jordan with an angry look on his face”
  21. 21. alt=”Jordan with a scheming look on his face”
  22. 22. alt=”Jordan with a happy look on his face”
  23. 23. We must look at context.
  24. 24. In the book Hungry Like the Wolf, Jordan and Sue are the main characters. They have been friends for years. How did Jordan feel when Sue told him that...?
  25. 25. alt=” ? ”
  26. 26. alt=” ? ”
  27. 27. alt=” ? ”
  28. 28. alt=” ? ”
  29. 29. LESSON 6
 Consider infographics and process carefully.
  30. 30. LESSON 7
 Create multiple methods to achieve a goal.
  31. 31. Use captions, transcripts and external links.
  32. 32. LESSON 8
 Create content specifically for people with disabilities.
  33. 33. Content specific to people with disabilities?
  34. 34. LESSON 9
 Write front-loaded content.
  35. 35. Front-loaded content
  36. 36. Front-loaded content
  37. 37. <img src="../Thumbnail.png" alt="TapType">
  38. 38. <img src="../Thumbnail.png"
 alt="Video: Features of the TapType keyboard" />
  39. 39. <img src="../Thumbnail.png"
 alt="Video: TapType keyboard features" />
  40. 40. CONT ENT Front TIP -load help cont those ent LINE consum to ARL ing Y <img src="../Thumbnail.png"
 alt="Video: TapType keyboard features" />
  41. 41. LESSON 10
 Write for scan-ability.
  42. 42. USE HEADINGS
 TO YOUR ADVANTAGE
  43. 43. This helps you create content that is more accessible for people with many different abilities using a variety of tools.
  44. 44. Visual Auditory Mobility/Dexterity Cognitive
  45. 45. Every lesson we’ve learned today is informed by one of four core principles of accessibility.
  46. 46. P O U R
  47. 47. P erceivable O perable U nderstandable R obust
  48. 48. simplyaccessible.com Accessibility consulting, strategy and assessments Accessible development and remediation services Training courses, workshops and conferences @SAteaches hello@simplyaccessible.com

×