Universal Design for The Web: Usability & Accessibility Terry A. Morris http://terrymorris.net/universaldesign
Universal Design <ul><li>“ The design of products and environments to be usable by all people,  to the greatest extent pos...
Universal Design for the Web <ul><li>Web Standards </li></ul><ul><ul><li>XHTML </li></ul></ul><ul><ul><li>CSS </li></ul></...
Usability <ul><li>The measure of the quality of a user's experience when interacting with a website </li></ul><ul><li>It’s...
Accessibility <ul><li>Making your web site content available to all individuals </li></ul><ul><li>Accessibility requires a...
Usability vs. Accessibility <ul><li>A site that is usable is not necessarily accessible. </li></ul><ul><li>A site that is ...
Why the push for accessibility? <ul><li>Ethical  Reasons </li></ul><ul><li>“ Better” Design …   Easier to use/view by all ...
Wrap-Up <ul><li>This screencast provided an introduction to universal design, usability, and accessibility.  </li></ul><ul...
Upcoming SlideShare
Loading in...5
×

Universal Design for the Web

4,577

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
4,577
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

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

    1. 1. Universal Design for The Web: Usability & Accessibility Terry A. Morris http://terrymorris.net/universaldesign
    2. 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. 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. 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. 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. 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. 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. 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>

    ×