Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
-
Upload
miminten -
Category
Technology
-
view
566 -
download
1
description
Transcript of Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
![Page 1: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/1.jpg)
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)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/2.jpg)
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)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/3.jpg)
Introduction
![Page 4: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/4.jpg)
Defining Accessibility
![Page 5: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/5.jpg)
Ranges/Degrees
![Page 6: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/6.jpg)
Benefits of Accessibility
![Page 7: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/7.jpg)
Evaluation Tools
![Page 8: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/8.jpg)
Disney.com
![Page 9: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/9.jpg)
WAVE
![Page 10: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/10.jpg)
Disable CSS
![Page 11: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/11.jpg)
Disable JavaScript
![Page 12: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/12.jpg)
Disable Images
![Page 13: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/13.jpg)
Plain Text Browsing
![Page 14: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/14.jpg)
Screen Readers
![Page 15: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/15.jpg)
Visual Contrast Testing
![Page 16: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/16.jpg)
External Documents
![Page 17: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/17.jpg)
Auditory Testing
![Page 18: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/18.jpg)
Mobility Testing
![Page 19: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/19.jpg)
Putting Accessibility into Action
![Page 20: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/20.jpg)
Images
![Page 21: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/21.jpg)
Audio
![Page 22: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/22.jpg)
Video
![Page 23: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/23.jpg)
Part of the Story
![Page 24: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/24.jpg)
Explain Functionality
![Page 25: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/25.jpg)
Remember the Context
![Page 26: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/26.jpg)
Content Images
<img alt="short" />
![Page 27: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/27.jpg)
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)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/28.jpg)
Decorative Images
<img alt="" />
![Page 29: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/29.jpg)
Use CSS
![Page 30: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/30.jpg)
Audio/Video Text Alternatives
![Page 31: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/31.jpg)
Adaptable Content
![Page 32: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/32.jpg)
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)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/33.jpg)
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)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/34.jpg)
Tables
![Page 35: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/35.jpg)
Forms
![Page 36: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/36.jpg)
Distinguishable Content
![Page 37: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/37.jpg)
Keyboard Accessible
![Page 38: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/38.jpg)
Navigable
![Page 39: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/39.jpg)
Dynamic Functionality
![Page 40: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/40.jpg)
jQuery UI
![Page 41: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/41.jpg)
On the Horizon
![Page 42: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/42.jpg)
Q&A
![Page 43: Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/43.jpg)
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)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/44.jpg)
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)](https://reader035.fdocuments.us/reader035/viewer/2022062512/5541c5d35503463f348b4589/html5/thumbnails/45.jpg)
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