Universal Design for The Web: Usability & Accessibility Terry A. Morris http://terrymorris.net/universaldesign

Universal Design “ The design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.” from The Center for Universal Design http://design.ncsu.edu/cud/about_ud/udprinciplestext.htm

“ The design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.”

from The Center for Universal Design http://design.ncsu.edu/cud/about_ud/udprinciplestext.htm

Universal Design for the Web Web Standards XHTML CSS Accessibility Content that is available/accessible to all visitors Usability Websites that function and are easy to use

Web Standards

XHTML

CSS

Accessibility

Content that is available/accessible to all visitors

Usability

Websites that function and are easy to use

Usability The measure of the quality of a user's experience when interacting with a website It’s about making an easy efficient pleasant experience for your web site visitors. from http://www.usability.gov/basics/index.html

The measure of the quality of a user's experience when interacting with a website

It’s about making an

easy

efficient

pleasant

experience for your web site visitors.

from http://www.usability.gov/basics/index.html

Accessibility Making your web site content available to all individuals Accessibility requires accommodations for: visual disabilities hearing disabilities physical disabilities neurological disabilities For more info see http://w3.org/WAI/intro/accessibility.php

Making your web site content available to all individuals

Accessibility requires accommodations for:

visual disabilities

hearing disabilities

physical disabilities

neurological disabilities

For more info see http://w3.org/WAI/intro/accessibility.php

Usability vs. Accessibility A site that is usable is not necessarily accessible. A site that is accessible is not necessarily usable. Most of the time, an accessible site is more usable for all visitors. To explore this issue, google for “usability vs accessibility”

A site that is usable is not necessarily accessible.

A site that is accessible is not necessarily usable.

Most of the time, an accessible site is more usable for all visitors.

Why the push for accessibility? Ethical Reasons “ Better” Design … Easier to use/view by all – including visitors with age-related vision issues and visitors using mobile devices Legal Reasons ADA – Americans with Disabilities Act Section 508 of the Rehabilitation Act

Ethical Reasons

“ Better” Design … Easier to use/view by all – including visitors with age-related vision issues and visitors using mobile devices

Legal Reasons

ADA – Americans with Disabilities Act

Section 508 of the Rehabilitation Act

Wrap-Up This screencast provided an introduction to universal design, usability, and accessibility. You’ll explore these topics during the semester.

This screencast provided an introduction to universal design, usability, and accessibility.

You’ll explore these topics during the semester.