make your content accessible

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

Upload: derek-featherstone

Post on 08-May-2015

728 views

Category:

Education


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

Page 1: Make your content accessible

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

Page 2: Make your content accessible

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

Page 3: Make your content accessible
Page 4: Make your content accessible
Page 5: Make your content accessible
Page 6: Make your content accessible
Page 7: Make your content accessible
Page 8: Make your content accessible

Make yourContent Accessible

Page 9: Make your content accessible

Derek Featherstone [email protected]

@feather

Page 10: Make your content accessible

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

Page 11: Make your content accessible

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

Page 12: Make your content accessible

LESSON 1Provide great document structure

Page 13: Make your content accessible
Page 14: Make your content accessible
Page 15: Make your content accessible
Page 16: Make your content accessible
Page 17: Make your content accessible

LESSON 2Provide orientation and way finding clues

Page 18: Make your content accessible

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

Page 19: Make your content accessible
Page 20: Make your content accessible
Page 21: Make your content accessible
Page 22: Make your content accessible
Page 23: Make your content accessible
Page 24: Make your content accessible
Page 25: Make your content accessible
Page 26: Make your content accessible

LESSON 3Perfect your text alternatives

Page 27: Make your content accessible
Page 28: Make your content accessible
Page 29: Make your content accessible

What’s the call to action?

Page 30: Make your content accessible

What’s the call to action?

Page 31: Make your content accessible

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

Page 32: Make your content accessible

Lesson: Calls to action must match

Page 33: Make your content accessible

Lesson: Calls to action must match

Page 34: Make your content accessible

LESSON 4Decide which images are content

Page 35: Make your content accessible
Page 36: Make your content accessible

Windows HCM: background images disappear

Page 37: Make your content accessible

LESSON 5Understand context before you write.

Page 38: Make your content accessible
Page 39: Make your content accessible

alt=”Jordan with a surprised look on his face”

Page 40: Make your content accessible
Page 41: Make your content accessible

alt=”Jordan with an angry look on his face”

Page 42: Make your content accessible
Page 43: Make your content accessible

alt=”Jordan with a scheming look on his face”

Page 44: Make your content accessible
Page 45: Make your content accessible

alt=”Jordan with a happy look on his face”

Page 46: Make your content accessible

We must look at context.

Page 47: Make your content accessible

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

Page 48: Make your content accessible

alt=” ? ”

Page 49: Make your content accessible

alt=” ? ”

Page 50: Make your content accessible

alt=” ? ”

Page 51: Make your content accessible

alt=” ? ”

Page 52: Make your content accessible

LESSON 6

Consider infographics and process carefully.

Page 53: Make your content accessible
Page 54: Make your content accessible
Page 55: Make your content accessible

LESSON 7Create multiple methods to achieve a goal.

Page 56: Make your content accessible

Use captions, transcripts and external links.

Page 57: Make your content accessible

LESSON 8

Create content specifically for people with disabilities.

Page 58: Make your content accessible

Content specific to people with disabilities?

Page 59: Make your content accessible

LESSON 9

Write front-loaded content.

Page 60: Make your content accessible

Front-loaded content

Page 61: Make your content accessible

Front-loaded content

Page 62: Make your content accessible

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

Page 63: Make your content accessible

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

Page 64: Make your content accessible

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

Page 65: Make your content accessible

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

CONTENT TIP Front-load content to

help those consuming LINEARLY

Page 66: Make your content accessible

LESSON 10

Write for scan-ability.

Page 67: Make your content accessible
Page 68: Make your content accessible
Page 69: Make your content accessible
Page 70: Make your content accessible
Page 71: Make your content accessible
Page 72: Make your content accessible
Page 73: Make your content accessible
Page 74: Make your content accessible
Page 75: Make your content accessible
Page 76: Make your content accessible

USE HEADINGSTO YOUR ADVANTAGE

Page 77: Make your content accessible
Page 78: Make your content accessible
Page 79: Make your content accessible
Page 80: Make your content accessible
Page 81: Make your content accessible
Page 82: Make your content accessible
Page 83: Make your content accessible

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

Page 84: Make your content accessible

Visual Auditory

Mobility/Dexterity Cognitive

Page 85: Make your content accessible

Every lesson we’ve learned today is informed by one of four core principles of accessibility.

Page 86: Make your content accessible

POUR

Page 87: Make your content accessible

erceivable perable nderstandable obust

POUR

Page 88: Make your content accessible

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

simplyaccessible.com

[email protected]@SAteaches