1

Accessibility Matters: Making Your Products Available to Everyone

Char James-TannySchneider Electric

Char James-Tanny ~ @charjtf 2

Char James-Tanny ~ @charjtf 3

Categories and More

> Visual (including colorblindness)> Hearing> Motor> Learning / Cognitive> Aging> Chronic Illnesses

Char James-Tanny ~ @charjtf 4

People with Disabilities

Char James-Tanny ~ @charjtf 5

Char James-Tanny ~ @charjtf 6

ACCESSIBILITY=

Usability for (almost) everyone

Char James-Tanny ~ @charjtf 7

Char James-Tanny ~ @charjtf 8

Char James-Tanny ~ @charjtf 9

Char James-Tanny ~ @charjtf 10

Char James-Tanny ~ @charjtf 11

Char James-Tanny ~ @charjtf 12

Char James-Tanny ~ @charjtf 13

DO NOT PLAY IF YOU GET SEIZURES FROM FLASHING CONTENT.

Char James-Tanny ~ @charjtf 14

Char James-Tanny ~ @charjtf 15

Char James-Tanny ~ @charjtf 16

Char James-Tanny ~ @charjtf 17

Char James-Tanny ~ @charjtf 18

Standards and Guidelines

So what should you do to make sure that your documents and websites are as accessible as possible?

Use WCAG 2.0 and POUR.

Char James-Tanny ~ @charjtf 19

WCAG 2.0 - http://www.w3.org/TR/WCAG20/

1 Perceivable*1.1 Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.*1.2 Provide alternatives for time-based media. 1.3 Create content that can be presented in different ways (for example, simpler layout) without losing information or structure.*1.4 Make it easier for users to see and hear content including separating foreground from background.

Char James-Tanny ~ @charjtf 20

WCAG 2.0 - http://www.w3.org/TR/WCAG20/2 Operable2.1 Make all functionality available from a keyboard. 2.4 Provide ways to help users navigate, find content, and determine where they are. 3 Understandable3.1 Make text content readable and understandable.3.2 Make Web pages appear and operate in predictable ways. 3.3 Help users avoid and correct mistakes. 4 Robust

Char James-Tanny ~ @charjtf 21

Take Advantage of Existing Plug-ins

Char James-Tanny ~ @charjtf 22

Take Advantage of Features in the Program

Char James-Tanny ~ @charjtf 23

Mobile Applications

> Google Accessibility Scanner (Google Play Store)

> VoiceOver (iPhone) and TalkBack (Android)

Char James-Tanny ~ @charjtf 24

Other Things to Think About…

> CONSISTENCY> Headings> Web pages:

> No separate sites> Add a page title> Set a language> Create a “focus” style

Char James-Tanny ~ @charjtf 25

More Things to Think About

> Tab order and keyboard navigation (PDF, Documents, Applications)

> Print gray-scale to check color contrast> PowerPoint: Set all bullets to use the same

point size. Use a minimum of 28 points.> Using video? Add captions and transcript.

Don’t auto-play (use audio controls).

Char James-Tanny ~ @charjtf 26

Need More Reasons?

Char James-Tanny ~ @charjtf 27

Good News!

> Twitter now allows you to add alt text to tweets (mobile only).

> It’s becoming more difficult to find bad examples.

> More public figures are talking about mental illness, depression, and other disabilities.

Char James-Tanny ~ @charjtf 28

Don Baird. http://www.flickr.com/photos/old-curmudgeon/2298969471/ Used with permission.

Char James-Tanny ~ @charjtf 29

Questions?

Char James-Tanny ~ @charjtf 30

Thank You!

Char James-Tanny ~ @charjtf 31

Supplemental Links

> See PDF at SlideShare.