1. EASI Equal Access to Software and Information EASI is the premier provider of online training about accessible information technology

2. 2 l Barrier-free Info Tech l Barrier-free Web Design l Advanced Web Design l Barrier-free E-learning l Train the Trainer l LD & Accessible IT l Business Benefits of Accessible Design EASI COURSES www.rit.edu/~easi

3. 3 BARRIER-FREE WEB DESIGN l Resources l WAI www.w3.org/wai l EASI www.rit.edu/~easi l www.access-board.gov

4. 4 WAI l The Web Access Initiative was established by the World Wide Web Consortium to develop guidelines on making the web accessible to users with disabilities l http://www.w3.org/wai

5. 5 WAI l WAI has created many useful resources including: l Authoring tool guidelines l Web design guidelines l Web quick tips

6. 6 WHY UNIVERSAL DESIGN? l It’s the Right Thing TO DO l It Makes Ecconomic Sense l It’s the Law l Do It For Yourself

7. 7 ACCEESS FOR ALL Disabled users surf your pages with: l Screen Magnification Software l Screen Reading Software l Alternative Browsers l Alternative Keyboards l Alternative mouses

8. 8 IMAGES AND ANIMATIONS l Use the alt attribute to describe the function of all visuals

9. 9 WEB PAGE AS IMAGE

10. 10 SAME PAGE GRAPHICS OFF

11. 11 ALT TAG HTML CODE <img src="alt2.gif" width=417 height=128 alt="EASI Banner, with words EASI Equal Access to Software and information" border=0 align="middle"> <img src="alt3.gif" width=285 height=143 alt="Picture of Dr.Norman Coombs and Dick Banks" border=0 align="middle">

12. 12 IMAGE MAPS l Use client-side maps and text for hotspots

13. 13 MULTIMEDIA l Provide captioning and transcripts of audio and descriptions of video

14. 14 HYPERTEXT LINKS l Use text that makes sense when read out of context l For example, avoid “click here”

15. 15 Links That Make Sense Click HereClick Here to view EASI video on Adaptive Computing Click Here to view video on Adaptive Computing

16. 16 PAGE ORGANIZATION Use headings, lists and consistent structure Use CSS for layout and style where possible

17. 17 GRAPHS AND CHARTS l Summarize or use the longdesc attribute

18. 18 SCRIPTS, APPLETS AND PLUG-INS l Provide alternate content in case active features are inaccessible or unsupported

19. 19 FRAMES l Use noframes and meaningful titles Example of NOFRAMES and TITLE Code

20. 20 TABLES l Make line by line reading sensible l Summarize

21. 21 CHECK YOUR WORK l Validate for HTML l Validate for access features l View with several browsers l View using browser with graphics off l Use WAI checklist and guidelines

22. 22 l Bobby l http://www.cast.org/bobby/ http://www.cast.org/bobby/ l WAVE l A-PROMPT ACCESS CHECKERS

23. 23 THANK YOU FOR CARING We thank you for caring enough to make the world of information a better place for us personally and millions of people just like us.

24. 24 CONTACT INFORMATION l My e-mail: nrcgsh@rit.edunrcgsh@rit.edu l EASI www.rit.edu/~easiNational Center for Accessible E- learning:www.rit.edu/~easiNational l Easi-elearn.org