1. Americans with Disabilities Act (ADA): Compliance on the University Libraries Web Portal John Pardavila Library Systems May 29, 2013

2. Topics at this Drop-in Considerations at the Libraries Tools to assure compliance Quick Tips! Easiest ways to be compliant Resources for ADA Compliance on the web Case Studies

3. Considerations for BUILDERS Include a “skip navigation” link at the top of webpages that allows people who use screen readers to ignore navigation links and skip directly to webpage content Minimize blinking, flashing, or other distracting features

4. Considerations for BUILDERS If they must be included, ensure that moving, blinking, or auto-updating objects or pages may be paused or stopped Design online forms to include descriptive HTML tags that provide persons with disabilities the information they need to complete and submit the forms

5. Considerations for BUILDERS Include visual notification and transcripts if sounds automatically play Provide a second, static copy of pages that are auto-refreshing or that require a timed-response Use titles, context, and other heading structures to help users navigate complex pages or elements (such as webpages that use frames).

6. Tools to assure compliance Free Resources – No Excuses! Quicker than checking links! WAVE editor - http://wave.webaim.org/http://wave.webaim.org/ WAVE Firefox / Waterfox pluggin - https://addons.mozilla.org/en- us/firefox/addon/wave-toolbar/ https://addons.mozilla.org/en- us/firefox/addon/wave-toolbar/

7. Quick Tips! Easiest ways to be compliant Images must have text descriptions Text Formats should be consistent throughout the web sphere Colors and Font consistencies Multimedia should have text descriptions whenever possible Avoid multimedia that requires plugins

8. HTML, CSS, and JavaScript Use tags appropriately ▫ for headers ▫ for paragraphs ▫ to separate content Use CSS Minimum Standards v2.1 to style HTML structure Avoid Client side scripting whenever possible

9. Resources for ADA Compliance on the web More ADA compliance help and tricks to serve all of the community at the University Libraries: http://www.ada.gov/pcatoolkit/chap5toolkit.htm http://www.ada.gov/pcatoolkit/chap5toolkit.htm For full web based Section 508 standards to keep pages ADA compliant: http://www.section508.gov/index.cfm?fuseAction =stdsdoc#Web http://www.section508.gov/index.cfm?fuseAction =stdsdoc#Web

10. Case Studies and Articles about ADA non-compliance Penn State ADA Case http://chronicle.com/blogs/wiredcampus/penn- state-accused-of-discriminating-against-blind- students/28154http://chronicle.com/blogs/wiredcampus/penn- state-accused-of-discriminating-against-blind- students/28154

11. Searches and Hash Tags Web ADA compliance, Higher Education and ADA ADA Standards Section 508 #ADA, #ADAcompliance, #disability compliance, #WAVEAccessibility #Section508

12. References http://Section508.gov/ Accessed March 15 th, 2013http://Section508.gov/ http://www.ada.gov/ Accessed March 14, 2013http://www.ada.gov/ Bremer Nash, Nicole. Creating an ADA- compliant website. Accessed March 21 st, 2013 from http://www.techrepublic.com/blog/webmaster/ creating-an-ada-compliant-website/1425 http://www.techrepublic.com/blog/webmaster/ creating-an-ada-compliant-website/1425