SlideShare a Scribd company logo
1 of 11
WEB ACCESSIBILITY AND USABILITY
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.
WHY ARE THEY IMPORTANT?
   Accessibility
     Legal
     Ethical


   Usability
       Learning
           Cognitive overload
       Motivation
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 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”).
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.
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.
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)
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.
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://rcpd.msu.edu/)
 CAL Academic Technology (Scott)

 vuDAT – Check with your producer if you were
  assigned one

More Related Content

Similar to Web Accessibility and Usability

Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014Intranet Now
 
Website Content Worksheet
Website Content WorksheetWebsite Content Worksheet
Website Content WorksheetYo! Yo! SEO
 
Introduction to Web Page Design.ppt
Introduction to Web Page Design.pptIntroduction to Web Page Design.ppt
Introduction to Web Page Design.pptHamzaAhmad861123
 
SMX@adtech: Search Engine Optimization Tactics — BruceClay
SMX@adtech: Search Engine Optimization Tactics — BruceClaySMX@adtech: Search Engine Optimization Tactics — BruceClay
SMX@adtech: Search Engine Optimization Tactics — BruceClayadtech_fan
 
How to use a blog for publishing scientific research: A training guide part 1
How to use a blog for publishing scientific research: A training guide part 1How to use a blog for publishing scientific research: A training guide part 1
How to use a blog for publishing scientific research: A training guide part 1AfricanCommonsProject
 
Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3
Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3
Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3Salvatore Iaconesi
 
Website Content Worksheet
Website Content WorksheetWebsite Content Worksheet
Website Content WorksheetYo! Yo! SEO
 
Using the internet for search
Using the internet for searchUsing the internet for search
Using the internet for searchDr-Heba Mustafa
 
Tech the Common Core!
Tech the Common Core!Tech the Common Core!
Tech the Common Core!aj6785
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tacticsIntranet Now
 
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
Accessibility in Practice:  Integrating Web Accessibility into Cascade TrainingAccessibility in Practice:  Integrating Web Accessibility into Cascade Training
Accessibility in Practice: Integrating Web Accessibility into Cascade Traininghannonhill
 
Introduction to the Semantic Web
Introduction to the Semantic WebIntroduction to the Semantic Web
Introduction to the Semantic Webliddy
 
Implementing Universal and Inclusive Design for Online Learning Accessibility
Implementing Universal and Inclusive Design for Online Learning AccessibilityImplementing Universal and Inclusive Design for Online Learning Accessibility
Implementing Universal and Inclusive Design for Online Learning Accessibility3Play Media
 
Information flow
Information flowInformation flow
Information flowAnaAlbi
 
Eff use of internet
Eff use of internetEff use of internet
Eff use of internetstreetman921
 
ADA Compliance Guide: File Type Check List
ADA Compliance Guide: File Type Check ListADA Compliance Guide: File Type Check List
ADA Compliance Guide: File Type Check ListLindsay Karp
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tacticsIntranätverk
 

Similar to Web Accessibility and Usability (20)

Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014Intranet content tactics - Interaction 2014
Intranet content tactics - Interaction 2014
 
Website Content Worksheet
Website Content WorksheetWebsite Content Worksheet
Website Content Worksheet
 
Introduction to Web Page Design.ppt
Introduction to Web Page Design.pptIntroduction to Web Page Design.ppt
Introduction to Web Page Design.ppt
 
SMX@adtech: Search Engine Optimization Tactics — BruceClay
SMX@adtech: Search Engine Optimization Tactics — BruceClaySMX@adtech: Search Engine Optimization Tactics — BruceClay
SMX@adtech: Search Engine Optimization Tactics — BruceClay
 
How to use a blog for publishing scientific research: A training guide part 1
How to use a blog for publishing scientific research: A training guide part 1How to use a blog for publishing scientific research: A training guide part 1
How to use a blog for publishing scientific research: A training guide part 1
 
Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3
Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3
Sperimentazioni di Tecnologie e Comunicazioni Multimediali: Lezione 3
 
Website Content Worksheet
Website Content WorksheetWebsite Content Worksheet
Website Content Worksheet
 
Using the internet for search
Using the internet for searchUsing the internet for search
Using the internet for search
 
Seo And Content 100809
Seo And Content 100809Seo And Content 100809
Seo And Content 100809
 
Tech the Common Core!
Tech the Common Core!Tech the Common Core!
Tech the Common Core!
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tactics
 
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
Accessibility in Practice:  Integrating Web Accessibility into Cascade TrainingAccessibility in Practice:  Integrating Web Accessibility into Cascade Training
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
 
Introduction to the Semantic Web
Introduction to the Semantic WebIntroduction to the Semantic Web
Introduction to the Semantic Web
 
Implementing Universal and Inclusive Design for Online Learning Accessibility
Implementing Universal and Inclusive Design for Online Learning AccessibilityImplementing Universal and Inclusive Design for Online Learning Accessibility
Implementing Universal and Inclusive Design for Online Learning Accessibility
 
Information flow
Information flowInformation flow
Information flow
 
Literature Review
Literature ReviewLiterature Review
Literature Review
 
Lit 20170306
Lit 20170306Lit 20170306
Lit 20170306
 
Eff use of internet
Eff use of internetEff use of internet
Eff use of internet
 
ADA Compliance Guide: File Type Check List
ADA Compliance Guide: File Type Check ListADA Compliance Guide: File Type Check List
ADA Compliance Guide: File Type Check List
 
Intranet content tactics
Intranet content tacticsIntranet content tactics
Intranet content tactics
 

Recently uploaded

EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxRaymartEstabillo3
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfphamnguyenenglishnb
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationAadityaSharma884161
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfUjwalaBharambe
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
Planning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxPlanning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxLigayaBacuel1
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 

Recently uploaded (20)

EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
Rapple "Scholarly Communications and the Sustainable Development Goals"
Rapple "Scholarly Communications and the Sustainable Development Goals"Rapple "Scholarly Communications and the Sustainable Development Goals"
Rapple "Scholarly Communications and the Sustainable Development Goals"
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint Presentation
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
Planning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxPlanning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 

Web Accessibility and Usability

  • 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. WHY ARE THEY IMPORTANT?  Accessibility  Legal  Ethical  Usability  Learning  Cognitive overload  Motivation
  • 4. WHAT DO I NEED TO DO TO MAKE MY SITE ACCESSIBLE?
  • 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. 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. 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. 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. 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. WHERE ARE HEADING TAGS IN WORD???
  • 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