WEB ACCESSIBILITY AND USABILITY
WHAT ARE THEY?   Accessibility refers to a person with a disability’s    ability to see the content/participate in the co...
WHY ARE THEY IMPORTANT?   Accessibility     Legal     Ethical   Usability       Learning           Cognitive overloa...
WHAT DO I NEED TO DO TO MAKE MY SITE            ACCESSIBLE?
TEXT FORMATTING Text has strong contrast against page  background (i.e. dark text on light  background). Page headings u...
SOLVING THE “CLICK HERE” PROBLEM…   Best example: Please review theMSU Professional    Writing website.    Fair example:...
IMAGES All images contain an Alternate "Alt" tag. Graphs, charts, vital visual images are clearly  described in text bod...
VIDEO/FLASH Videos and embedded Flash objects are clearly  described in page text. Video contains closed captions (CC) o...
DOCUMENTS PDF Files are used when original format is not an  option (i.e. use original files where applicable). All PDF ...
WHERE ARE HEADING TAGS IN WORD???
WHERE CAN I GET INFO AT MSU http://webaccess.msu.edu/ RCPD – Resources Center for Persons with  Disabilities (http://rcp...
Upcoming SlideShare
Loading in...5
×

Web Accessibility and Usability

111

Published on

short presentation for my AL891 course

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

  • Be the first to like this

No Downloads
Views
Total Views
111
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web Accessibility and Usability

  1. 1. WEB ACCESSIBILITY AND USABILITY
  2. 2. WHAT ARE THEY? Accessibility refers to a person with a disability’s ability to see the content/participate in the course Usability is the general ability for someone to move through your course with relative ease, not being confused, etc.
  3. 3. WHY ARE THEY IMPORTANT? Accessibility  Legal  Ethical Usability  Learning  Cognitive overload  Motivation
  4. 4. WHAT DO I NEED TO DO TO MAKE MY SITE ACCESSIBLE?
  5. 5. TEXT FORMATTING Text has strong contrast against page background (i.e. dark text on light background). Page headings use heading tags(h1, h2, h3) instead of bolding regular text. Hyperlinks clearly identified and labeled (i.e. links describe where they are going instead of saying “click here”).
  6. 6. SOLVING THE “CLICK HERE” PROBLEM… Best example: Please review theMSU Professional Writing website. Fair example: Click here to view the MSU Professional Writing website. Worst example: Click here to view the MSU Professional Writing website.
  7. 7. IMAGES All images contain an Alternate "Alt" tag. Graphs, charts, vital visual images are clearly described in text body or with the use of Long Description Tag.
  8. 8. VIDEO/FLASH Videos and embedded Flash objects are clearly described in page text. Video contains closed captions (CC) or a script of the narration. If either of the above is not possible, other equal but accessible alternative listed (page in book, other resources)
  9. 9. DOCUMENTS PDF Files are used when original format is not an option (i.e. use original files where applicable). All PDF files of text are either scanned or converted form original source so text is able to be copied (i.e. text is OCR scanned). Files contain a high contrast of text. MS Word Files use the proper heading tags rather than regular text that has been bolded.
  10. 10. WHERE ARE HEADING TAGS IN WORD???
  11. 11. WHERE CAN I GET INFO AT MSU http://webaccess.msu.edu/ RCPD – Resources Center for Persons with Disabilities (http://rcpd.msu.edu/) CAL Academic Technology (Scott) vuDAT – Check with your producer if you were assigned one
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×