Universal Design for the Web

5,226 views
5,030 views

Published on

A brief introduction to Universal Design for the Web, usability, and accessibility

Published in: Technology, Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,226
On SlideShare
0
From Embeds
0
Number of Embeds
1,186
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • Today you'll be introduced to the topics of Universal Design for the Web, Usability, and Accessibility.
  • Universal Design for the Web

    1. Universal Design for The Web: Usability & Accessibility Terry A. Morris http://terrymorris.net/universaldesign
    2. Universal Design <ul><li>“ 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.” </li></ul><ul><li>from The Center for Universal Design http://design.ncsu.edu/cud/about_ud/udprinciplestext.htm </li></ul>
    3. Universal Design for the Web <ul><li>Web Standards </li></ul><ul><ul><li>XHTML </li></ul></ul><ul><ul><li>CSS </li></ul></ul><ul><li>Accessibility </li></ul><ul><ul><li>Content that is available/accessible to all visitors </li></ul></ul><ul><li>Usability </li></ul><ul><ul><li>Websites that function and are easy to use </li></ul></ul>
    4. Usability <ul><li>The measure of the quality of a user's experience when interacting with a website </li></ul><ul><li>It’s about making an </li></ul><ul><ul><li>easy </li></ul></ul><ul><ul><li>efficient </li></ul></ul><ul><ul><li>pleasant </li></ul></ul><ul><ul><li>experience for your web site visitors. </li></ul></ul><ul><li>from http://www.usability.gov/basics/index.html </li></ul>
    5. Accessibility <ul><li>Making your web site content available to all individuals </li></ul><ul><li>Accessibility requires accommodations for: </li></ul><ul><ul><li>visual disabilities </li></ul></ul><ul><ul><li>hearing disabilities </li></ul></ul><ul><ul><li>physical disabilities </li></ul></ul><ul><ul><li>neurological disabilities </li></ul></ul><ul><li>For more info see http://w3.org/WAI/intro/accessibility.php </li></ul>
    6. Usability vs. Accessibility <ul><li>A site that is usable is not necessarily accessible. </li></ul><ul><li>A site that is accessible is not necessarily usable. </li></ul><ul><li>Most of the time, an accessible site is more usable for all visitors. </li></ul>To explore this issue, google for “usability vs accessibility”
    7. Why the push for accessibility? <ul><li>Ethical Reasons </li></ul><ul><li>“ Better” Design … Easier to use/view by all – including visitors with age-related vision issues and visitors using mobile devices </li></ul><ul><li>Legal Reasons </li></ul><ul><ul><li>ADA – Americans with Disabilities Act </li></ul></ul><ul><ul><li>Section 508 of the Rehabilitation Act </li></ul></ul>
    8. Wrap-Up <ul><li>This screencast provided an introduction to universal design, usability, and accessibility. </li></ul><ul><li>You’ll explore these topics during the semester. </li></ul>

    ×