1. Web Accessibility With the User in Mind Insights and Techniques Kathy Kimball Candace Lee Egan Copyright 2002 California State University Fresno All rights reserved. Permission to use or reprint this presentation is granted provided the copyright notice and acknowledgements remain intact. Notification of use is appreciated. Contact us at (559) 278-8595 or siteadminweb@listserv.csufresno.edu

2. Web Accessibility Overview

3. What is Web Accessibility? Access to people with vision, hearing and motor impairments Also includes those with color blindness, cognitive and developmental limitations Involves creating Web pages that facilitate assistive technologies –Screen Readers –Alternative input devices/approaches –Text enlargers

4. What is the Problem? Many Web sites use design techniques, scripts, images and graphics in ways that make the content inaccessible or difficult to use Images without alt tags Complex navigation Content presented as graphics without text version Flash, PDF’s (access.adobe.com)access.adobe.com Video and audio clips without captions or transcripts

5. What is the Problem? Screen reader examples, good and bad. http://www.humanfactors.com/home/usability.asp

6. Why is Web Accessibility Important? Insures Web information and services are available to people with disabilities Insures Web information available to the broadest audience Legal requirement –Americans with Disabilities Act –Vocational Rehabilitation Act: Section 504: and Section 508 –http://www.csufresno.edu/accessibility/http://www.csufresno.edu/accessibility/ –Senate Bill 302

7. Web Accessibility From The Users’ Perspective

8. A Different View of the Web Web Access for All: Accessibility Resource Guide http://www.csufresno.edu/accessibility/resources/resourc e_guide.shtmlhttp://www.csufresno.edu/accessibility/resources/resourc e_guide.shtml

9. Making the Web Accessible

10. Basic Tips For Visual Impairments Avoid low contrast graphics Don’t require the ability to see color –Avoid “Click the green button.” –Be careful with the use of green and red Don’t force the font, size, or color of text –Use a style sheet which can be turned off Be sure forms can be navigated with the tab key –Avoid entry boxes that require a mouse click

11. Basic Tips For Motor Impairments Be sure links are obvious Alt text needs to match text on buttons Provide redundant text links for drop-down menus Avoid small buttons and link text

12. Basic Tips For Hearing Impairments Caption video clips Provide a transcript for audio clips

13. Use MAGPie for Video Captioning (PC) MAGPie (Media Access Generator) is a freeware authoring tool for video captioning for Mac and PC available online at: http://ncam.wgbh.org/webaccess/magpie/ Works with QuickTime & Real Player Also, check out the Flash 6 captioning tool at this site

14. Use Slick Captions for Video Captioning (MAC) Video captioning software for the Macintosh. Add open caption or subtitles to your digital video. Imports DV movies created with iMovie, Final Cut Express, Final Cut Pro or other digital video editing software. http://www.geethree.com/

15. Other Methods of Video Captioning Real Text Captioning text for RealPlayer files. http://service.real.com/help/library/guides/realtext/realtext.htm Hi-Caption Captioning text for Windows Media Player. http://www.hisoftware.com/hmcc/index.html

16. Resources For Web Designers

17. Guidelines and Standards Section 508 http://www.access-board.gov/508.htm Section 508 Explanation http://www.csufresno.edu/accessibility/resources/laws.shtml Web Accessibility Initiative http://www.w3.org/WAI/

18. More Information at SDSU Accessibility and Information Resources: http://access.sdsu.edu/

19. Tips and Techniques Techniques and Tools http://lynx.csusm.edu/accessibility/training/ Accessibility Techniques http://www.htmlhelp.com/design/accessibility/tips.html Creating Accessible Adobe PDF Files http://www.adobe.com/enterprise/accessibility/pdfs/acro6_pg_ue.pdf

20. Informational Sites Web Access@Fresno State http://www.csufresno.edu/accessibility/resources/resource_guide.shtml WebAim http://www.webaim.org DoIT: Disabilities, Opportunities, Internetworking and Technology http://www.washington.edu/doit/Resources/ EASI: Equal Access to Software and Information http://www.rit.edu/~easi/ NCAM: National Center for Accessible Media http://ncam.wgbh.org/

21. Website Assessment Tools My preferred testing tool WebAIM’sWAVE 3.5 (development version) http://www.wave.webaim.org/index.jsp Portal to other free tools http://www.craigcecil.com/checkyoursite.htm

22. Acknowledgements Candace Lee Egan, Carole Snee & Beth Case, California State University, Fresno. Adra Hallford, CSU San Marcos. Mick Wood, University of Central Lancashire. Video produced through a grant from: CSU Center For Distributed Learning & Community of Academic Technology Staff http://www.cdl.edu/. http://www.cdl.edu/ –Candace Lee Egan –Producer –Ruth Saludes –Director/Videographer/Editor –Abbe Altman –Program Manager

23. References Cited 2007 “Web Accessibility with the User in Mind.” Center for Teaching & Learning. California Polytechnic State University, SLO. http://training.calpoly.edu/guides/web/ADABasics.pdf. http://training.calpoly.edu/guides/web/ADABasics.pdf