Make your content accessible: ConfabCentral 2014

transcript

Make your content accessible

Derek Featherstone

feather@simplyaccessible.com @feather

• 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?

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?

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

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

Derek Featherstone

feather@simplyaccessible.com @feather

Internet