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

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
adtech_fan
 
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
hannonhill
 
Introduction to the Semantic Web
Introduction to the Semantic WebIntroduction to the Semantic Web
Introduction to the Semantic Web
liddy
 
Information flow
Information flowInformation flow
Information flow
AnaAlbi
 
Eff use of internet
Eff use of internetEff use of internet
Eff use of internet
streetman921
 

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

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.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