170 likes | 247 Views
Teaching Web Accessibility at the Source. in a University Web Design Class. Howard Kramer & Vijay Patel University of Colorado-Boulder hkramer@colorado.edu , 303-492-8672 Vijay.patel@colorado.edu , 303-735-1310. Goals of Presentation. Benefits & Goals of Course
E N D
Teaching Web Accessibility at the Source in a University Web Design Class Howard Kramer & Vijay Patel University of Colorado-Boulder hkramer@colorado.edu, 303-492-8672 Vijay.patel@colorado.edu, 303-735-1310
Goals of Presentation • Benefits & Goals of Course • Teaching an effective course on Universal Design • The larger goal of improving accessibility on campus • 2 audience objectives • How to replicate this course on your own campus • How the concepts & approach of this course can be applied as a means from promoting better accessibility and usability of web pages & digital media on your campus.
Origins of Course& Needed Resources • Proposal to ATLAS • No existing course covering this topic • Availability of expertise – access specialist, Web design specialist • Support of senior faculty
Course Content & Structure CoreContent Structure 2 lectures 1 lab • Web Standards • Universal Design • Other topics • General design • Accessibility
This course will review standards for both usability and accessibility, using resources and texts from media design experts such as Jakob Nielson, Donald A. Norman and Ala n Cooper and accessibility experts such as Wendy Chisholm, John Slatin and Jim Thatcher. • Course Objectives/Methods: Through labs, lectures and demonstration, students will learn media design methods, along with the implementation of guidelines and tools to test the usability and accessibility of web pages and other electronic media.
Course Content & Structure CoreContent Structure 2 lectures 1 lab • Web Standards • Universal Design • Other topics • General design • Accessibility
Target Audience/StudentsRequired Student Prerequisites • 2 or 3 computer science majors • 2 or 3 coding novices • 3 or 4 liberal arts majors • 3 or 4 Technology and Media Arts • 2 staff • 1 blind student
Curriculum Materials • Chisholm, Wendy; May, Matt. Universal Design for Web Applications • Zeldman, Jeffrey. Designing with Web Standards (3rd Edition) • Shea & Holzschlag. The Zen of CSS Design: Visual Enlightenment for the Web. • Norman, David A. The Design of Everyday Things (2002). • Cooper, Alan; Reimann Robert M. About Face 2.0: The Essentials of Interaction Design (2003)
Other Curriculum Resources • A List Apart - Link-Rodrigue, The Inclusion Principle, • http://www.alistapart.com/articles/the-inclusion-principle/ • Dev.opera.com • http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/ • Usability.gov • http://usability.gov/methods/test_refine/heuristic.html • Sitepoint.com • http://articles.sitepoint.com/article/information-architecture
Other Curriculum Resources • First Principles of Interaction Design” • (http://www.asktog.com/basics/firstPrinciples.html); • “Personas” • http://wiki.fluidproject.org/display/fluid/Personas • WebAIM.org – The Legend of the Typical … • http://webaim.org/presentations/2010/csun/screenreadersurvey.pdf
CourseOutline • Week 1 (Scope, who are we designing for?) • Week 2 (Learning the language of design...) • Week 3 (General design principles, introduction to web design) • Week 4 (Interaction Design & Information architecure • Week 5 (Case for web standards) • Week 7 (Structure, xhtml...) • Week 8 (Presentation w\ a dash of Behavior, CSS) • Week 9 (Presentation continued…, behaviour) • Week 10 (Accessibility) • Week 11 (Spring Break)
CourseOutline • Week 12 (Accessibility Cont’d) • Week 13 (Adding Behaviour, Sound, Video & Dynamic Interaction) • Week 14 (Rich Internet Applications) • Week 15 (HTML 5) • Week 16 (Dedicated lab time for final projects) • Week 17 (Finals) – Project Presentations
“Course Strategy” “Keys for Success,” “Positive Aspects of Course” • Using Web Standards & Universal Design as foundation of course • Guest lectures • UDFWA Authors: Matt May, Wendy Chisholm • ZuhairMah’d – AT Expert / Consultant • Effective UI • Fluid project: AntranigBasman, Clayton Lewis • Expert on Scripting
Zeldman – “the blind billionaire” • Google and other search engines are, in effect, “blind users.” • Structure • Text/semantics
Areas for Improvement / Changes • Breadth of curriculum • More hands-on • Issues of 1st time course
What was accomplished(above & beyond) • Outreach to campus (staff & students) • Networking, developing relationships with other key players on campus What’s Next • Online version of class – fall 2010 • Repeat class in spring or fall 2011
AccessingHigher GroundConference Accessible Media, Web & Technology • November 15 - 19, 2010 • Keynote Speaker, George Kerscher, DAISY • Hands-on sessions on Web Access, Assistive • Technology • Collaborating organizations: EASI, AHEAD • Distance Learning • Westin Hotel - between Boulder & Denver • www.colorado.edu/ATconference