Your SlideShare is downloading. ×
0
Make your

content accessible
Derek Featherstone



feather@simplyaccessible.com
@feather
•
blind
•
low-vision
•
hearing
•
mobility/dexterity
(fine motor control, low-
strength, single-
handedness)
•
cognitive (m...
Typical content accessibility issues
•
use plain language
•
check reading level/readability scores
•
expand abbreviations on first occurrence
We create more accessible solutions
through better content, design, and
development.
We create more accessible solutions
through better content, design, and
development.
LESSON 1

Provide great document structure
LESSON 2

Provide orientation

and way-finding cues
12** This bank has been anonymized to protect the innocent.
•
Where am I?

(title of page, headings)
•
What happens if…?

(call to action, button/link)
•
What just happened?

(title ...
LESSON 3

Perfect your text alternatives
What’s the call to action?
<a href="javascript:void(0);">!
<img src=“images/homepage_tool_programs.png”!
alt=“visit">!
</a>
Calls to action must match!
LESSON 4

Decide which images are content.
Windows High Contrast Mode: background images disappear.
LESSON 5

Understand context

before you write.
What is the purpose of the image?
What is the purpose of the image?
LESSON 6

Facilitate multiple methods to
achieve the same goal.
Use captions, transcripts AND external links.
LESSON 7

Create content specifically
for people with disabilities.
What influences decision making? What content is needed?
LESSON 8

Write front-loaded content.
Front-loaded
content
<img src="../Thumbnail.png" alt="TapType">
<img src="../Thumbnail.png"

alt="Video: Features of the TapType keyboard" />
<img src="../Thumbnail.png"

alt="Video: TapType keyboard features" />	
CONTENT TIP
Front-load content
to help thoseconsum...
LESSON 9

Think: Minimum Viable Interaction
•
What if someone only reads the headings?
•
What if someone only reads the links?
•
What is someone only looks at the pic...
USE HEADINGS

TO YOUR ADVANTAGE
Each of these lessons is informed by one
of four core principles of accessibility.
erceivable
perable
nderstandable
obust
P
O
U
R
Derek Featherstone



feather@simplyaccessible.com
@feather
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Make your content accessible: ConfabCentral 2014
Upcoming SlideShare
Loading in...5
×

Make your content accessible: ConfabCentral 2014

1,646

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

Transcript of "Make your content accessible: ConfabCentral 2014"

  1. 1. Make your
 content accessible
  2. 2. Derek Featherstone
 
 feather@simplyaccessible.com @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
 TO YOUR ADVANTAGE
  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@simplyaccessible.com @feather
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×