universal design & web accessibility

15
UNIVERSAL DESIGN & WEB ACCESSIBILITY Web-based Instruction for College Students Designer: Teresa Sundholm Advisor: Bude Su CAPSTONE FALL 2010 Masters of Instructional Science and Technology School of Information Technology and Communication Design, California State University Monterey Bay

Upload: bishop

Post on 11-Jan-2016

33 views

Category:

Documents


4 download

DESCRIPTION

CAPSTONE FALL 2010 Masters of Instructional Science and Technology School of Information Technology and Communication Design, California State University Monterey Bay. UNIVERSAL DESIGN & WEB ACCESSIBILITY. Web-based Instruction for College Students Designer: Teresa Sundholm - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: UNIVERSAL DESIGN & WEB ACCESSIBILITY

UNIVERSAL DESIGN &WEB ACCESSIBILITY

Web-based Instruction for College Students

Designer: Teresa SundholmAdvisor: Bude Su

CAPSTONE FALL 2010

Masters of Instructional Science and Technology

School of Information Technology and Communication Design, California State University Monterey Bay

Page 2: UNIVERSAL DESIGN & WEB ACCESSIBILITY

ABOUT ME

• Graduate of ITCD – Website Design

• Teaching assistant ITCD at CSUMB (2008-10)

• Passionate interest in accessible/universal design

• My project – website and tutorials

Page 3: UNIVERSAL DESIGN & WEB ACCESSIBILITY

PROBLEM STATEMENT

• Importance of creating websites that are accessible:

• ethical reasons

• legal reasons

• Current instruction: resource driven, too advanced

Page 4: UNIVERSAL DESIGN & WEB ACCESSIBILITY

IMPORTANCE OF THE PROBLEM

• The American Disabilities Act (ADA) applied to websites

• Future designers cannot ignore need to create:

• websites accessed by users of all abilities

• universally designed websites

Page 5: UNIVERSAL DESIGN & WEB ACCESSIBILITY

Engaging

Instruction

Feedback

Inspire

positive

attitudes

MY SOLUTION

Page 6: UNIVERSAL DESIGN & WEB ACCESSIBILITY

WHAT THIS PROJECT ACCOMPLISHES

• Instructional media engages and informs

• Primer for further study

• Confidence checks and feedback

• Cognitive and Affective learning strategies

• ADA compliant

Page 7: UNIVERSAL DESIGN & WEB ACCESSIBILITY

MAIN MATERIALS USED

• Adobe Dreamweaver, HTML, CSS

• Adobe Captivate

• Adobe Photoshop

• Mac iMovie

• Internet Browsers

Page 8: UNIVERSAL DESIGN & WEB ACCESSIBILITY

http://myspace.csumb.edu/~teresa_sundholm/Mist_capstone_site/

PROJECT DEMONSTRATION

Page 9: UNIVERSAL DESIGN & WEB ACCESSIBILITY

EVALUATION OF THE PROJECT - TESTING

• Sample size: 17 students (target audience)

• Post-test paired sample one-tail p-value: 0.000335979

• Pre-set alpha: 0.05

• Well below 0.05 - testing shows significant

improvement

Page 10: UNIVERSAL DESIGN & WEB ACCESSIBILITY

QUIZRESULTS

Page 11: UNIVERSAL DESIGN & WEB ACCESSIBILITY

EVALUATION OF THE PROJECT - USABILITY

• Positive student response including:

• ease of use of the project

• engagement from graphics and media

Page 12: UNIVERSAL DESIGN & WEB ACCESSIBILITY

STUDENTCOMMENT

“Very clean and pleasing.

Actually explained the

mechanics – a visually

impaired person can’t read the

text…Good module!”

Page 13: UNIVERSAL DESIGN & WEB ACCESSIBILITY

FUTURE OF THE PROJECT

• Project to be completed

• Use in curriculum

• Use in portfolio

• Saleable

Page 14: UNIVERSAL DESIGN & WEB ACCESSIBILITY

CONCLUSION

• New skills learned:

• technical, coding, testing, instructional design

• Advice for future students:

• Scale project or have partner

• Aware of skillset

• Positive experience

Page 15: UNIVERSAL DESIGN & WEB ACCESSIBILITY

THANKS

• Faculty and staff of ITCD and MIST

• Mentors in design and web accessibility :

• Kevin Cahill, Design Faculty

• Chip Lenno, CIO

• Cindy Compean, Assistive Technology

• Friends