1. Teaching Web Accessibility at the Source in a University Web Design Class Howard Kramer & Vijay Patel University of Colorado-Boulder hkramer@colorado.eduhkramer@colorado.edu, 303-492-8672 Vijay.patel@colorado.eduVijay.patel@colorado.edu, 303-735-1310

2. Goals of Presentation Benefits & Goals of Course Benefits & Goals of Course Teaching an effective course on Universal Design Teaching an effective course on Universal Design The larger goal of improving accessibility on campus The larger goal of improving accessibility on campus 2 audience objectives 2 audience objectives How to replicate this course on your own campus 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. 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.

3. Origins of Course & Needed Resources Proposal to ATLAS Proposal to ATLAS No existing course covering this topic No existing course covering this topic Availability of expertise – access specialist, Web design specialist Availability of expertise – access specialist, Web design specialist Support of senior faculty Support of senior faculty

4. Course Content & Structure Core Content Web Standards Web Standards Universal Design Universal Design Other topics Other topics General design Accessibility Structure 2 lectures 2 lectures 1 lab 1 lab

5. 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. 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 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.

6. Course Content & Structure Core Content Web Standards Web Standards Universal Design Universal Design Other topics Other topics General design Accessibility Structure 2 lectures 2 lectures 1 lab 1 lab

7. Target Audience/Students Required Student Prerequisites 2 or 3 computer science majors 2 or 3 computer science majors 2 or 3 coding novices 2 or 3 coding novices 3 or 4 liberal arts majors 3 or 4 liberal arts majors 3 or 4 Technology and Media Arts 3 or 4 Technology and Media Arts 2 staff 2 staff 1 blind student 1 blind student

8. Curriculum Materials Chisholm, Wendy; May, Matt. Universal Design for Web Applications Chisholm, Wendy; May, Matt. Universal Design for Web Applications Zeldman, Jeffrey. Designing with Web Standards (3rd Edition) Zeldman, Jeffrey. Designing with Web Standards (3rd Edition) Shea & Holzschlag. The Zen of CSS Design: Visual Enlightenment for the Web. Shea & Holzschlag. The Zen of CSS Design: Visual Enlightenment for the Web. Norman, David A. The Design of Everyday Things (2002). Norman, David A. The Design of Everyday Things (2002). Cooper, Alan; Reimann Robert M. About Face 2.0: The Essentials of Interaction Design (2003) Cooper, Alan; Reimann Robert M. About Face 2.0: The Essentials of Interaction Design (2003)

9. Other Curriculum Resources A List Apart - Link-Rodrigue, The Inclusion Principle, A List Apart - Link-Rodrigue, The Inclusion Principle, http://www.alistapart.com/articles/the-inclusion- principle/ http://www.alistapart.com/articles/the-inclusion- principle/ http://www.alistapart.com/articles/the-inclusion- principle/ http://www.alistapart.com/articles/the-inclusion- principle/ Dev.opera.com Dev.opera.com http://dev.opera.com/articles/view/1-introduction- to-the-web-standards-cur/ http://dev.opera.com/articles/view/1-introduction- to-the-web-standards-cur/ http://dev.opera.com/articles/view/1-introduction- to-the-web-standards-cur/ http://dev.opera.com/articles/view/1-introduction- to-the-web-standards-cur/ Usability.gov Usability.gov http://usability.gov/methods/test_refine/heuristic.h tml http://usability.gov/methods/test_refine/heuristic.h tml http://usability.gov/methods/test_refine/heuristic.h tml http://usability.gov/methods/test_refine/heuristic.h tml Sitepoint.com Sitepoint.com http://articles.sitepoint.com/article/information- architecture http://articles.sitepoint.com/article/information- architecture http://articles.sitepoint.com/article/information- architecture http://articles.sitepoint.com/article/information- architecture

10. Other Curriculum Resources First Principles of Interaction Design” First Principles of Interaction Design” (http://www.asktog.com/basics/firstPrinciples.html ); (http://www.asktog.com/basics/firstPrinciples.html );http://www.asktog.com/basics/firstPrinciples.html “Personas” “Personas” http://wiki.fluidproject.org/display/fluid/Personas http://wiki.fluidproject.org/display/fluid/Personas http://wiki.fluidproject.org/display/fluid/Personas WebAIM.org – The Legend of the Typical … WebAIM.org – The Legend of the Typical … http://webaim.org/presentations/2010/csun/screen readersurvey.pdf http://webaim.org/presentations/2010/csun/screen readersurvey.pdf http://webaim.org/presentations/2010/csun/screen readersurvey.pdf http://webaim.org/presentations/2010/csun/screen readersurvey.pdf

11. Course Outline Week 1 (Scope, who are we designing for?) Week 1 (Scope, who are we designing for?) Week 2 (Learning the language of design...) Week 2 (Learning the language of design...) Week 3 (General design principles, introduction to web design) Week 3 (General design principles, introduction to web design) Week 4 (Interaction Design & Information architecure Week 4 (Interaction Design & Information architecure Week 5 (Case for web standards) Week 5 (Case for web standards) Week 7 (Structure, xhtml...) Week 7 (Structure, xhtml...) Week 8 (Presentation w\ a dash of Behavior, CSS) Week 8 (Presentation w\ a dash of Behavior, CSS) Week 9 (Presentation continued…, behaviour) Week 9 (Presentation continued…, behaviour) Week 10 (Accessibility) Week 10 (Accessibility) Week 11 (Spring Break) Week 11 (Spring Break)

12. Course Outline Week 12 (Accessibility Cont’d) Week 12 (Accessibility Cont’d) Week 13 (Adding Behaviour, Sound, Video & Dynamic Interaction) Week 13 (Adding Behaviour, Sound, Video & Dynamic Interaction) Week 14 (Rich Internet Applications) Week 14 (Rich Internet Applications) Week 15 (HTML 5) Week 15 (HTML 5) Week 16 (Dedicated lab time for final projects) Week 16 (Dedicated lab time for final projects) Week 17 (Finals) – Project Presentations Week 17 (Finals) – Project Presentations

13. “Course Strategy” “Keys for Success,” “Positive Aspects of Course” Using Web Standards & Universal Design as foundation of course Using Web Standards & Universal Design as foundation of course Guest lectures Guest lectures UDFWA Authors: Matt May, Wendy Chisholm UDFWA Authors: Matt May, Wendy Chisholm Zuhair Mah’d – AT Expert / Consultant Zuhair Mah’d – AT Expert / Consultant Effective UI Effective UI Fluid project: Antranig Basman, Clayton Lewis Fluid project: Antranig Basman, Clayton Lewis Expert on Scripting Expert on Scripting

14. Zeldman – “the blind billionaire” Google and other search engines are, in effect, “blind users.” Google and other search engines are, in effect, “blind users.” Structure Structure Text/semantics Text/semantics

15. Areas for Improvement / Changes Breadth of curriculum Breadth of curriculum More hands-on More hands-on Issues of 1 st time course Issues of 1 st time course

16. What was accomplished (above & beyond) Outreach to campus (staff & students) Outreach to campus (staff & students) Networking, developing relationships with other key players on campus 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

17. Accessing Higher Ground Conference Accessible Media, Web & Technology November 15 - 19, 2010 November 15 - 19, 2010 Keynote Speaker, George Kerscher, DAISY Keynote Speaker, George Kerscher, DAISY Hands-on sessions on Web Access, Assistive Hands-on sessions on Web Access, Assistive Technology Technology Collaborating organizations: EASI, AHEAD Collaborating organizations: EASI, AHEAD Distance Learning Distance Learning Westin Hotel - between Boulder & Denver Westin Hotel - between Boulder & Denver www.colorado.edu/ATconference www.colorado.edu/ATconference