Universal Design Who can Access Your Web Site? Presented by: Web Communications & The Adaptive Computing Technology Center 5/26/2019
Good Morning! Web Communications Paul Gilzow, Programmer/Analyst Expert Web site: http://webcom.missouri.edu Phone: 882-4502 Adaptive Computing Technology (ACT) Center Abigail O’Sullivan, Manager Carmen Schafer, User Support Analyst Specialist Web site: http://actcenter.missouri.edu Phone: 884-2828 5/26/2019
Universal Design What is “Universal Design”? Universal Design is “barrier free” design, which allows not only persons with a disability to access services, but others that may need help, such as the elderly population. Automatic Doors Extra-wide Doorways Curb cuts Accessible Ramps Closed captioning for TV Accessible Web Sites 5/26/2019
7 Principles of Universal Design 1. Equitable Use 2. Flexibility In Use 3. Simple and Intuitive Use 4. Perceptible Information 5. Tolerance for Error 6. Low Physical Effort 7. Size and Space for Approach and Use 5/26/2019
Where to Start… 1. Adopt a Set of Guidelines & Standards MU Web Communications use http://webcom.missouri.edu/policy XHTML from World Wide Web Consortium (W3C) Missouri IT Accessibility Standards (MITAS) RSMo Section 191.863- Missouri Law Section 508- Federal Law 2. Apply Guidelines & Standards 3. Add Progressive Enhancement 4. Continually Test your Web Site Talk about Gas as an example of standards 5/26/2019
A Universally Designed Site A Web Site Comparison Example Web Site: University of Nebraska –Lincoln A “YES”site A “NO”site Inaccessible Site Demonstration No site- Paul has a video old Nebraska site and show the new site 5/26/2019
Adaptive Technology & Universal Design Adaptive Software Accessible vs. Inaccessible Web Sites JAWS – Screen Reading software Dragon NaturallySpeaking- Voice Dictation ZoomText- Screen Magnification/Reader 5/26/2019
Mobile Phone Emulator & Universal Design Accessible vs. Inaccessible Web Sites Sony Ericsson Nokia Mtld.mobi/emulator.php test for mobile phone views 5/26/2019
Tips for Accessibility Maximize Contrast Consider Colorblindness Keep it Simple Create Descriptive Links http://interface.missouri.edu/2008/07/is-your-site-color-blind-acces.php link this to consider colorblindness Example of movie with captioning and audio audio description– Video Captioning / Closed caption/Audio description Transcribe Audio 5/26/2019
Who is Responsible? Anyone who owns, directs, manages, designs, or provides content to a Web site. Web Sites in the Media Target- National Federation of the Blind (NFB) Southwest Airlines- Access Now, INC. 5/26/2019
Use the Tools to Test Online Checkers Cynthia Says http://www.cynthiasays.com/ Functional Accessibility Evaluator http://fae.cita.uiuc.edu/ W3C validator http://validator.w3.org/ Color blindness checker http://colorfilter.wickline.org/ Wave 4.0 http://wave.webaim.org/ Firefox extensions Fangs http://www.standards-schmandards.com/projects/fangs/ HTML validator https://addons.mozilla.org/en-US/firefox/addon/249 5/26/2019
Thank you! Resources Available at MU Online Resources Web Communications http://webcom.missouri.edu Adaptive Computing Technology (ACT) Center http://actcenter.missouri.edu Online Resources WebAIM http://webaim.org Universal Design of Online Courses http://www.ualr.edu/pace/tenstepsud/ MITAS http://www.oa.mo.gov/itsd/cio/standards/ITGS0003.pdf 5/26/2019
Questions? 5/26/2019