ADA / Accessibility Compliance July 13, 2011
description
Transcript of ADA / Accessibility Compliance July 13, 2011
![Page 1: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/1.jpg)
ADA / Accessibility Compliance
July 13, 2011
![Page 2: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/2.jpg)
This Session Covers
ADA Compliance Common Problems and Solutions Design Considerations Top Five Tips Develop Your Action Plan Helpful Tools
![Page 3: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/3.jpg)
ADA Compliance
Using your website for access to government services, information and programs?
Is your website reaching everyone? Legal Ramifications
![Page 4: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/4.jpg)
Common Problems and Solutions
Images Without Text Equivalents Documents Are Not Posted In an
Accessible Format Specifying Colors and Font Sizes Videos and Other Multimedia Lack
Accessible Features
![Page 5: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/5.jpg)
Common Problems and SolutionsImages, pictures, graphics
• Blind• Low visionDisability
• Screen readers• Braille displays
Common Tools
• Text equivalent to every image• Often referred to as “Alt” tagSolution
![Page 6: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/6.jpg)
Common Problems and Solutions Documents not in an Accessible Format
• Blind• Low visionDisability
• Screen readers, Braille displays• Text or font changing programs
Common Tools
• Provide documents in an alternative text-based formatSolution
![Page 7: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/7.jpg)
Example of Image “Alt Tag”
<img src=“SignMeUp.png” alt=“Sign me up!”>
![Page 8: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/8.jpg)
Common Problems and Solutions Specifying Colors and Font Sizes
• Low vision or color blindDisability
• Ability to use specific fonts and colors or change contrasts
Common Tools
• Avoid Dictating Colors and FontsSolution
![Page 9: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/9.jpg)
Common Problems and Solutions Videos and Other Multimedia Lack
Accessible Features
• Deaf or hearing impaired• Blind or Low VisionDisability
• Closed caption or text (for hearing impaired)
Common Tools
• Provide audio descriptions of images• Provide text captions Solution
![Page 10: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/10.jpg)
Design Considerations
Skip navigation option Minimize blinking, flashing or other
distracting features Forms should include all information
needed Static copy of pages that are auto-
refreshing Use titles, context and other heading
structures
![Page 11: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/11.jpg)
Example of Features
![Page 12: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/12.jpg)
Top Five Tips
Text equivalents Navigation choice Color considerations Audio options Videos
![Page 13: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/13.jpg)
Develop Your Action Plan
Providing accessible website content Transferring your website to ADA
compliance Keeping your website ADA compliant
![Page 14: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/14.jpg)
Helpful Tool
Testing your site for ADA Compliancy: http://wave.webaim.org/
![Page 15: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/15.jpg)
Reference Resources
http://www.ada.gov/websites2.htm http://www.ada.gov/pcatoolkit/chap5toolkit.htm http://
www.w3.org/WAI/gettingstarted/Overview.html http://
blog.codemyimage.com/why-should-your-website-be-ada-compliant
http://www.nsba.biz/content/printer.3695.shtml
![Page 16: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/16.jpg)
Next Webinar
Writing for the Web
August 25, 20111:30 – 2:30 p.m.
![Page 17: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/17.jpg)
Questions?
Mark ProperTechnical Projects SpecialistCCAP [email protected]
Kathie ZullingerTechnology Programs AdministratorCCAP [email protected]
![Page 18: ADA / Accessibility Compliance July 13, 2011](https://reader035.fdocuments.in/reader035/viewer/2022062222/56815aa3550346895dc8301c/html5/thumbnails/18.jpg)
Thank You for Attending!