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.

Make your content accessible: ConfabCentral 2014


Published on

Content strategists are in a unique position to effectively champion accessibility within their teams and organizations. You are trusted advisors and connect with all the right stakeholders for a project, including the people that will use the product you're building. You are often the person that connects the big picture with in the trenches hands-on work.

Filled with practical advice and examples from real projects, this session will provide you with an in-depth look at accessibility requirements for content on the modern web, recognize opportunities for ensuring that your work and that of your teams is as accessible as it can be as you integrate accessibility into your overall process.

You'll learn:

* How people with disabilities use the web and how that influences your content and its consumption
* How you can use accessibility as a tool to simply create content that is better for everyone
* Four cornerstone principles of accessibility that should guide all your content creation

Published in: Internet
  • Hey guys! Who wants to chat with me? More photos with me here 👉
    Are you sure you want to  Yes  No
    Your message goes here

Make your content accessible: ConfabCentral 2014

  1. 1. Make your
 content accessible
  2. 2. Derek Featherstone @feather
  3. 3. • blind • low-vision • hearing • mobility/dexterity (fine motor control, low- strength, single- handedness) • cognitive (memory- related, literacy, routines/ predictability, attention) • vestibular issues • speech
  4. 4. Typical content accessibility issues
  5. 5. • use plain language • check reading level/readability scores • expand abbreviations on first occurrence
  6. 6. We create more accessible solutions through better content, design, and development.
  7. 7. We create more accessible solutions through better content, design, and development.
  8. 8. LESSON 1
 Provide great document structure
  9. 9. LESSON 2
 Provide orientation
 and way-finding cues
  10. 10. 12** This bank has been anonymized to protect the innocent.
  11. 11. • Where am I?
 (title of page, headings) • What happens if…?
 (call to action, button/link) • What just happened?
 (title page, headings, dialog titles, next text/tab stop)
  12. 12. LESSON 3
 Perfect your text alternatives
  13. 13. What’s the call to action?
  14. 14. <a href="javascript:void(0);">! <img src=“images/homepage_tool_programs.png”! alt=“visit">! </a>
  15. 15. Calls to action must match!
  16. 16. LESSON 4
 Decide which images are content.
  17. 17. Windows High Contrast Mode: background images disappear.
  18. 18. LESSON 5
 Understand context
 before you write.
  19. 19. What is the purpose of the image?
  20. 20. What is the purpose of the image?
  21. 21. LESSON 6
 Facilitate multiple methods to achieve the same goal.
  22. 22. Use captions, transcripts AND external links.
  23. 23. LESSON 7
 Create content specifically for people with disabilities.
  24. 24. What influences decision making? What content is needed?
  25. 25. LESSON 8
 Write front-loaded content.
  26. 26. Front-loaded content
  27. 27. <img src="../Thumbnail.png" alt="TapType">
  28. 28. <img src="../Thumbnail.png"
 alt="Video: Features of the TapType keyboard" />
  29. 29. <img src="../Thumbnail.png"
 alt="Video: TapType keyboard features" /> CONTENT TIP Front-load content to help thoseconsumingLINEARLY
  30. 30. LESSON 9
 Think: Minimum Viable Interaction
  31. 31. • What if someone only reads the headings? • What if someone only reads the links? • What is someone only looks at the pictures?
  32. 32. USE HEADINGS
  33. 33. Each of these lessons is informed by one of four core principles of accessibility.
  34. 34. erceivable perable nderstandable obust P O U R
  35. 35. Derek Featherstone @feather