SlideShare a Scribd company logo
1 of 11
Download to read offline
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

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfTechSoup
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830Dave Phillips
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationMJDuyan
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxEduSkills OECD
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxAditiChauhan701637
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdfNOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdfSumit Tiwari
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 

Recently uploaded (20)

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830Latin American Revolutions, c. 1789-1830
Latin American Revolutions, c. 1789-1830
 
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive EducationBenefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptx
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quizPrelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdfNOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
NOTES OF DRUGS ACTING ON NERVOUS SYSTEM .pdf
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 

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