1. Good Web Design, Usability and Web Accessibility Ed Garay UIC Instructional Technology Lab http://www.accc.uic.edu/itl Academic Computing and Communications Center University of Illinois at Chicago

2. March 18-19, 2002 ITL Conference 2002 Session Outline  Session logistics  Panelists’ presentations Ed Garay, ITLEd Garay, ITL Tom Moher, Computer ScienceTom Moher, Computer Science Allyson Meyer, The Field MuseumAllyson Meyer, The Field Museum Joy Hyzny, Disability ServicesJoy Hyzny, Disability Services  Panel discussion and Q&A

3. March 18-19, 2002 ITL Conference 2002 Good Web design  Meet Website and audience objectives  Provide concise and meaningful content  Offer clean and intuitive design  Provide consistent user interface  Use effective navigation tools

4. March 18-19, 2002 ITL Conference 2002 Good Web design  Design for the screen and exploit the Web  Create browser-independent and platform-independent hypermedia  Write short scannable text elements  Use consistent color schemes and color hyperlinks  Ensure fast downloads (40KB/page)

5. March 18-19, 2002 ITL Conference 2002 Good Web design  Design easy-to-maintain hypermedia  Consider providing a site map  Provide a text-only version  Provide alternate formats  Design for an 800x600 SVGA screen  Include ALT tags on all your images  Use background with good contrast

6. March 18-19, 2002 ITL Conference 2002 Examples of good Web design  www.amazon.com www.amazon.com  UIC: MHPE Online UIC: MHPE Online UIC: MHPE Online  http://www.hillmancurtis.com http://www.hillmancurtis.com  http://www.adobe.com http://www.adobe.com  http://www.macromedia.com http://www.macromedia.com  The Discovery Channel The Discovery Channel The Discovery Channel

7. March 18-19, 2002 ITL Conference 2002 Examples of good Web design  http://www.sony.com http://www.sony.com  Lynda Weinman’s Website Lynda Weinman’s Website Lynda Weinman’s Website  Jacob Nielsen’s Website Jacob Nielsen’s Website Jacob Nielsen’s Website  http://www.exploratorium.edu http://www.exploratorium.edu  http://www.w3.org http://www.w3.org

8. March 18-19, 2002 ITL Conference 2002 Web accessibility  Making Web pages accessible is not hard — try it, and make a habit of it  New software and system versions are more compliant and make the job easier: Blackboard, Macromedia, Adobe  Provide alternate formats as often as necessary

9. March 18-19, 2002 ITL Conference 2002 Web accessibility  Consider using SMIL to provide multiple concurrent format experiences Narrated PowerPoint presentationsNarrated PowerPoint presentations Audio and text transcript description of animation, imagery or video contentAudio and text transcript description of animation, imagery or video content Closed caption via RealTextClosed caption via RealText Narrated hypermediaNarrated hypermedia

10. March 18-19, 2002 ITL Conference 2002 Related links  ITL Web Design Seminar www.accc.uci.edu/seminars/webdesign www.accc.uci.edu/seminars/webdesign  W3C Web Accessibility Initiative www.w3.org/WAI www.w3.org/WAI  Bobby – www.cast.org/bobby www.cast.org/bobby  Illinois Web Accessibility Standards www100.state.il.us/tech/technology/accessibility www100.state.il.us/tech/technology/accessibility  Macromedia Accessibility www.macromedia.com/macromedia/accessibility www.macromedia.com/macromedia/accessibility