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

1. Make your
content accessible

3. Derek Featherstone
feather@simplyaccessible.com
@feather

4. •
blind
•
low-vision
•
hearing
•
mobility/dexterity
(fine motor control, low-
strength, single-
handedness)
•
cognitive (memory-
related, literacy, routines/
predictability, attention)
•
vestibular issues
•
speech

5. Typical content accessibility issues

6. •
use plain language
•
check reading level/readability scores
•
expand abbreviations on first occurrence

7. We create more accessible solutions
through better content, design, and
development.

8. We create more accessible solutions
through better content, design, and
development.

9. LESSON 1
Provide great document structure

14. LESSON 2
Provide orientation
and way-finding cues

15. 12** This bank has been anonymized to protect the innocent.

16. •
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)

19. LESSON 3
Perfect your text alternatives

21. What’s the call to action?

22. <a href="javascript:void(0);">!
<img src=“images/homepage_tool_programs.png”!
alt=“visit">!
</a>

23. Calls to action must match!

24. LESSON 4
Decide which images are content.

26. Windows High Contrast Mode: background images disappear.

27. LESSON 5
Understand context
before you write.

28. What is the purpose of the image?

29. What is the purpose of the image?

30. LESSON 6
Facilitate multiple methods to
achieve the same goal.

31. Use captions, transcripts AND external links.

32. LESSON 7
Create content specifically
for people with disabilities.

33. What influences decision making? What content is needed?

34. LESSON 8
Write front-loaded content.

35. Front-loaded
content

36. <img src="../Thumbnail.png" alt="TapType">

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

38. <img src="../Thumbnail.png"
alt="Video: TapType keyboard features" />
CONTENT TIP
Front-load content
to help thoseconsumingLINEARLY

39. LESSON 9
Think: Minimum Viable Interaction

40. •
What if someone only reads the headings?
•
What if someone only reads the links?
•
What is someone only looks at the pictures?

43. USE HEADINGS
TO YOUR ADVANTAGE

46. Each of these lessons is informed by one
of four core principles of accessibility.

47. erceivable
perable
nderstandable
obust
P
O
U
R

48. Derek Featherstone
feather@simplyaccessible.com
@feather