Make your content accessible

Post on 08-May-2015

727 views 0 download

description

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.

Transcript of Make your content accessible

<h2> News for Movember 11, 2013 </h2>

<h2> Highlights for Movember 11, 2013 </h2>

Make yourContent 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 1Provide great document structure

LESSON 2Provide orientation and way finding clues

<title>! Admission: Stanford University!</title>!

LESSON 3Perfect 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 4Decide which images are content

Windows HCM: background images disappear

LESSON 5Understand 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 feel when Sue told him that...?

alt=” ? ”

alt=” ? ”

alt=” ? ”

alt=” ? ”

LESSON 6

Consider infographics and process carefully.

LESSON 7Create 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" />

<img src="../Thumbnail.png" alt="Video: TapType keyboard features" />

CONTENT TIP Front-load content to

help those consuming LINEARLY

LESSON 10

Write for scan-ability.

USE HEADINGSTO 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.

POUR

erceivable perable nderstandable obust

POUR

Accessibility consulting, strategy and assessments Accessible development and remediation services Training courses, workshops and conferences

simplyaccessible.com

hello@simplyaccessible.com@SAteaches