Make your content accessible
• blind • low-vision • hearing • mobility/dexterity
(fine motor control, low-strength, single-handedness)
• cognitive (memory-related, literacy, routines/
predictability, attention) • vestibular issues • speech
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 1Provide great document structure
LESSON 2Provide orientationand 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 page, headings, dialog titles, next text/tab stop)
LESSON 3Perfect 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 4Decide which images are content.
Windows High Contrast Mode: background images disappear.
LESSON 5Understand contextbefore you write.
What is the purpose of the image?
What is the purpose of the image?
LESSON 6Facilitate multiple methods to achieve the same goal.
Use captions, transcripts AND external links.
LESSON 7Create content specifically for people with disabilities.
What influences decision making? What content is needed?
LESSON 8Write 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 those consuming LINEARLY
LESSON 9Think: Minimum Viable Interaction
• What if someone only reads the headings? • What if someone only reads the links? • What is someone only looks at the pictures?
USE HEADINGSTO YOUR ADVANTAGE
Each of these lessons is informed by one of four core principles of accessibility.
erceivable perable nderstandable obust
POUR
