teaching web accessibility at the source in a university web design class howard kramer & vijay...

17
Teaching Web Accessibility at the Source in a University Web Design Class Howard Kramer & Vijay Patel University of Colorado-Boulder [email protected] , 303-492-8672 [email protected] , 303-735-1310

Upload: pamela-wright

Post on 13-Dec-2015

213 views

Category:

Documents


1 download

TRANSCRIPT

Page 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,

Teaching Web Accessibility at the Source

in a University Web Design Class

Howard Kramer & Vijay Patel University of [email protected], 303-492-8672

[email protected], 303-735-1310

Page 2: 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,

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.

Page 3: 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,

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

Page 4: 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,

Course Content & Structure

Core Content Web Standards Universal Design Other topics

General design Accessibility

Structure 2 lectures 1 lab

Page 5: 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,

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.

Page 6: 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,

Course Content & Structure

Core Content Web Standards Universal Design Other topics

General design Accessibility

Structure 2 lectures 1 lab

Page 7: 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,

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

Page 8: 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,

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)

Page 9: 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,

Other Curriculum Resources A List Apart - Link-Rodrigue, The

Inclusion Principle, http://www.alistapart.com/articles/the-inclusi

on-principle/

Dev.opera.com http://dev.opera.com/articles/view/1-introduc

tion-to-the-web-standards-cur/ Usability.gov

http://usability.gov/methods/test_refine/heuristic.html

Sitepoint.com http://articles.sitepoint.com/article/informati

on-architecture

Page 10: 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,

Other Curriculum Resources First Principles of Interaction Design”

(http://www.asktog.com/basics/firstPrinciples.html);

“Personas” http://wiki.fluidproject.org/display/fluid/Perso

nas WebAIM.org – The Legend of the Typical

… http://webaim.org/presentations/2010/csun/s

creenreadersurvey.pdf

Page 11: 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,

Course Outline 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)

Page 12: 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,

Course Outline

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

Page 13: 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,

“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

Zuhair Mah’d – AT Expert / Consultant Effective UI Fluid project: Antranig Basman, Clayton

Lewis Expert on Scripting

Page 14: 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,

Zeldman – “the blind billionaire”

Google and other search engines are, in effect, “blind users.” Structure Text/semantics

Page 15: 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,

Areas for Improvement / Changes

Breadth of curriculum More hands-on Issues of 1st time course

Page 16: 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,

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

Page 17: 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,

Accessing Higher 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