<h2> News for Movember 11, 2013 </h2>
<h2> Highlights for Movember 11, 2013 </h2>
Make your

Content Accessible
Derek Featherstone
feather@simplyaccessible.com
@feather
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 clues
<title>!
Admission: Stanford University!
</title>!
LESSON 3


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


Decide which images are content
Windows HCM: background images disappear
LESSON 5


Understand context
before you write.
alt=”Jordan with a surprised look on his face”
alt=”Jordan with an angry look on his face”
alt=”Jordan with a scheming look on his face”
alt=”Jordan with a happy look on his face”
We must look at context.
In the book Hungry Like the Wolf, Jordan
and Sue are the main characters. They
have been friends for years. How did
Jordan...
alt=”

?

”
alt=”

?

”
alt=”

?

”
alt=”

?

”
LESSON 6


Consider infographics
and process carefully.
LESSON 7


Create multiple methods
to achieve a goal.
Use captions, transcripts and external links.
LESSON 8


Create content specifically
for people with disabilities.
Content specific to people with disabilities?
LESSON 9


Write front-loaded content.
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" />
CONT
ENT
Front
TIP
-load
help
cont
those
ent
LINE consum to
ARL ing
Y

<img src="../Thumbnail.png"

alt="Video: TapType ke...
LESSON 10


Write for scan-ability.
USE HEADINGS

TO YOUR ADVANTAGE
This helps you create content that is
more accessible for people with
many different abilities using a
variety of tools.
Visual

Auditory

Mobility/Dexterity

Cognitive
Every lesson we’ve learned today is
informed by one of four core
principles of accessibility.
P
O
U
R
P erceivable
O perable
U nderstandable
R obust
simplyaccessible.com

Accessibility consulting, strategy and assessments
Accessible development and remediation services
T...
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Make your content accessible
Upcoming SlideShare
Loading in...5
×

Make your content accessible

810

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
  1. A particular slide catching your eye?

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

×