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

Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
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
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Celine George
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
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
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 
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
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
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
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 

Recently uploaded (20)

LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.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
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
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
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 
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
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
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
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 

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