45
Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites #11nten508 Stuart Holland Dan Mouyard Wendy Stengel

Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites#11nten508

Stuart HollandDan MouyardWendy Stengel

Don’t Flash Your Audience

Page 2: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Session EvaluationEach entry via text or web is a chance to win

great NTEN prizes throughout the day!

Session Evaluations Powered By:

TEXTText 11nten508 to 69866.

ONLINEUse 11nten508 at

http://nten.org/ntc/eval

Session Evaluation

Page 3: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Introduction

Page 4: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Defining Accessibility

Page 5: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Ranges/Degrees

Page 6: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Benefits of Accessibility

Page 7: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Evaluation Tools

Page 8: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Disney.com

Page 9: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

WAVE

Page 10: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Disable CSS

Page 11: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Disable JavaScript

Page 12: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Disable Images

Page 13: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Plain Text Browsing

Page 14: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Screen Readers

Page 15: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Visual Contrast Testing

Page 16: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

External Documents

Page 17: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Auditory Testing

Page 18: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Mobility Testing

Page 19: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Putting Accessibility into Action

Page 20: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Images

Page 21: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Audio

Page 22: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Video

Page 23: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Part of the Story

Page 24: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Explain Functionality

Page 25: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Remember the Context

Page 26: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Content Images

<img alt="short" />

Page 27: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Link to Longer Descriptions

<img alt="short" longdesc="long.html" />

Page 28: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Decorative Images

<img alt="" />

Page 29: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Use CSS

Page 30: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Audio/Video Text Alternatives

Page 31: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Adaptable Content

Page 32: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Headings

<h1>Page Title</h1>

<h2>Heading</h2>

<h3>Subheading</h3>

<h2>Another Heading</h2>

Page 33: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Lists

<ul> <li>Apple</li> <li>Orange</li> <li>Banana</li> <li>Kiwi</li></ul>

Page 34: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Tables

Page 35: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Forms

Page 36: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Distinguishable Content

Page 37: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Keyboard Accessible

Page 38: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Navigable

Page 39: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Dynamic Functionality

Page 40: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

jQuery UI

Page 41: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

On the Horizon

Page 42: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Q&A

Page 43: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Speakers

Stuart HollandSr. Web [email protected]

Dan MouyardWeb [email protected]

Wendy StengelSr. Information [email protected]

Page 44: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

TerpSys Overview

• We delight our customers!

• We help organizations use technology to achieve their

missions

• We offer networked & web based solutions including:• Website design & development

• Interactive & visual design

• Branding

• SEO / web analytics consulting

• Founded in 2000, profitable since inception

• 270 employees, 35 within the web & applications team

Page 45: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)

Session EvaluationEach entry via text or web is a chance to win

great NTEN prizes throughout the day!

Session Evaluations Powered By:

TEXTText 11nten508 to 69866.

ONLINEUse 11nten508 at

http://nten.org/ntc/eval

Session Evaluation