ADA / Accessibility Compliance

July 13, 2011

This Session Covers

ADA Compliance Common Problems and Solutions Design Considerations Top Five Tips Develop Your Action Plan Helpful Tools

ADA Compliance

Using your website for access to government services, information and programs?

Is your website reaching everyone? Legal Ramifications

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

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

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

Example of Image “Alt Tag”

<img src=“SignMeUp.png” alt=“Sign me up!”>

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

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

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

Example of Features

Top Five Tips

Text equivalents Navigation choice Color considerations Audio options Videos

Develop Your Action Plan

Providing accessible website content Transferring your website to ADA

compliance Keeping your website ADA compliant

Helpful Tool

Testing your site for ADA Compliancy: http://wave.webaim.org/

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

Next Webinar

Writing for the Web

August 25, 20111:30 – 2:30 p.m.

Questions?

Mark ProperTechnical Projects SpecialistCCAP Technologymproper@pacounties.org

Kathie ZullingerTechnology Programs AdministratorCCAP Technologykzullinger@pacounties.org

Thank You for Attending!