1. Planning an Accessible Website: Beyond Alt Tags Stephanie M. Randolph School of Health, Physical Education, and Recreation Indiana University

2. Session Outline Section 508 WCAG 1.0 Resources

3. Section 508 1998 Amendment to the Rehabilitation Act Federal agencies are required to make their electronic and information technology accessible to employees and the public Criteria for web-based applications based on the World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI).World Wide Web Consortium Web Accessibility Initiative

4. What are the guidelines for evaluating accessibility? Web Content Accessibility Guidelines Current version 1.0 2.0 due out soon WCAG 1.0 versus WCAG 2.0 Applies more broadly to different technologies More comprehensive Testable Organized differently (guidelines and checkpoints versus principles and success criteria) If you conform to 1.0, you will probably conform to 2.0

5. Guidelines 1 and 2 1. Provide equivalent alternatives to auditory and visual content Be as descriptive but succinct as possible Caption video and multi-media 2. Don’t rely on color alone Provide sufficient color contrast Not So Good – Our school is the best in the nation. Good – Our school is the best in the nation. Not So Good – wedding photo Good – a bride feeds wedding cake to the groom

6. Guideline 3 and 4 3. Pages should be readable without a style sheet Separate structure from presentation HTML and CSS 4. Clarify natural language usage Identify primary language – EN

7. Guideline 5 and 6 5. Create tables that transform gracefully Avoid using tables for layouts Identify row and column headers and 6. Ensure that pages featuring new technologies can work in older browsers or for people who choose to turn off features

8. Guideline 7 and 8 7. Ensure user control of time-sensitive content changes Avoid screen flicker, scrolling and text blink 8. Ensure direct accessibility of embedded user interfaces Javascripts and applets

9. Guideline 9 and 10 9. Design for device-independence Tab indexes and access keys 10. Use interim solutions No pop-ups or new windows without alerting user Don’t use auto refresh

10. Guideline 11 and 12 11. Use W3C technologies and guidelines HTML, XHTML and XML for structure CSS and XSL for style Avoid deprecated tags 12. Provide context and orientation information Identify frames (or don’t use them) Group blocks of information appropriately

11. Guideline 13 and 14 13. Provide clear navigation mechanisms Site map, understandable navigation, skip over navigation 14. Ensure that documents are clear and simple Simple language and grammar Not So Good – for a description of our program, click hereclick here Good – for a description of our program, please visit our program info page. program info

12. Resources Web Accessibility Web Accessibility Initiative (http://www.w3.org/WAI/) Web Accessibility Initiative WebAIM (http://www.webaim.org/) WebAIM Accessibility Forum (http://www.accessibilityforum.org/) Accessibility Forum Dive Into Accessibility (http://diveintoaccessibility.org/) Dive Into Accessibility Web Axe (http://webaxe.blogspot.com/) Web Axe Section 508 Section508.gov (http://www.section508.gov) Section508.gov Validation Tools Accessify.com (http://accessify.com/tools-and-wizards/) Accessify.com Watchfire (http://webxact.watchfire.com/) Watchfire ATRC Web Accessibility Checker (http://checker.atrc.utoronto.ca/index.html) ATRC Web Accessibility Checker Hermish (http://www.hermish.com/) Hermish Cynthia Says (http://www.cynthiasays.com/) Cynthia Says Anybrowser.com (http://www.anybrowser.com/siteviewer.html) Anybrowser.com

13. Resources Browsers Lynx (http://www.vordweb.co.uk/standards/download_lynx.htm) Lynx JAWS (http://www.freedomscientific.com/fs_products/software_jaws. asp) JAWS Opera (http://www.opera.com/) Opera Other Colorblind Web Page Filter (http://colorfilter.wickline.org/) Colorblind Web Page Filter Using Opera to check accessibility (http://www.webaim.org/resources/opera/) Using Opera to check accessibility Magpie (http://ncam.wgbh.org/webaccess/magpie/) Magpie Adobe Accessibility Resource Center (http://www.adobe.com/accessibility/) Adobe Accessibility Resource Center Web developer toolbar (http://chrispederick.com/work/web- developer/) Web developer toolbar Flash (http://www.webaim.org/techniques/flash/) Flash