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

Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfPatidar M
 
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
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptxmary850239
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
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
 
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
 
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
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptshraddhaparab530
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
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
 
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
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
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
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)cama23
 
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
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfErwinPantujan2
 

Recently uploaded (20)

Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
 
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
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
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)
 
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
 
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)
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
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
 
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
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
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
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)Global Lehigh Strategic Initiatives (without descriptions)
Global Lehigh Strategic Initiatives (without descriptions)
 
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
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
 

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