SlideShare a Scribd company logo
Janet Sylvia
Web Accessibility Consultant andTrainer
July 23, 2020
 Why Accessibility?
 Accessibility Challenges for Online Courses
 10Tips for Building an Accessible Online Course
10 Tips for Building an Accessible Online Course
 “ Accessible means a person with a disability is afforded the
opportunity
▪ to acquire the same information,
▪ engage in the same interactions, and
▪ enjoy the same services as a person without a disability
▪ in an equally effective and equally integrated manner,
▪ with substantially equivalent ease of use.
 The person with a disability must be able to obtain the
information as fully, equally and independently as a person
without a disability.”
Definition:US Department of Education, Office for Civil Rights
 World Health Organization
 World Report on Disability
 Over 1 billion people worldwide have a disability
 United States (U.S.), DisabledWorld
 U.S. Disability Statistics byType and Age
 30,000,000 (Ages 5 to 64)
 40+ Countries - Disability and Digital Rights Laws
 United NationsTreaty
 Convention on Rights of Persons with Disabilities (CRPD)
 W3C - Web Accessibility Initiative
 Web Content Accessibility Guidelines (WCAG)
 Americans with Disabilities Act (ADA)
 AssistiveTechnology Act
 Individuals with Disabilities Education Act (IDEA)
 Rehabilitation Act, as Amended
 Sections 503, 504, 508
 Twenty-first Century Communications andVideo
Accessibility Act (CVAA)
 1) People with Disabilities
 Loss of equivalent or equally effective access to educational
benefits and opportunities
 2) Your Organization
 Civil Rights Complaints
 Loss of Business and Reputation
 High Cost of Remediation
 1) Accessible for More People
 People with Disabilities
 Accommodate Different Learning Styles
 Usability for all Participants
 2) More Functional for Organization
 AccessibilityTraining (Basics)
 ApplyAccessibility Principles to Face-to-Face Seminars
 Web Content Render Better on Different Devices
10 Tips for Building an Accessible Online Course
 Understanding difference between:
 Accessibility Requirement
 Disability Accommodation
 Who is responsible for each?
 Accessibility Requirement
 General Requirement for GeneralAudience
 Provided in advance of Known Need
 Responsibility: Content Creator
 Disability Accommodation
 Specific Accommodation for Specific Person
 Responsibility: Disability Service Provider
ACCESSIBILITY REQUIREMENT
 AltText
 Color and Contrast
 Descriptive Hyperlinks
 DocumentTitles
 Whitespace
 Instructor, Content Creator
DISABILITY ACCOMMODATION
 Braille
 ExtendedTime
 Listening Device
 NoteTaker
 Tactile Graphics
 Disability Service Providers
 Clearly Communicate the Difference to Content Providers
 Provide Definitions in Company Accessibility Policy
 AccessibilityTraining for Content Providers
 When People with Disabilities encounter accessibility
barriers or inaccessible content in your online course:
 Who will they contact?
 How will they receive resolution?
 Don’t panic…be prepared
 Have a Plan
 Acknowledge Receipt of Request (24-48 hours)
 Carefully Examine the Request
 Elevate the Request
 ProvideTimely Resolution
 Individuals involved in the design, development and
delivery of online course were not aware of Accessibility
Requirements when course was created.
 Begin Remediation Immediately
 Prioritize Repairs
▪ Accessibility or Accommodation Requests
▪ New or Most Recent Content
▪ Most FrequentlyAccessed
▪ All Steps in a Process
▪ etc.
 Develop Formal Remediation Plan
10 Tips for Building an Accessible Online Course
 4 DisabilityTypes
 1) Cognitive
 2) Hearing
 3) Motor
 4)Visual
 Hardware, Software, Service
 Allow people to use their preferred modality to access web
 Text – Sample Modalities:
 Audio (Read Aloud Software)
 Sight (Visual, EyeTracking)
 Speech (Speech toText)
 Touch (Refreshable Braille)
 Welcoming Message
 What to Include
 Accessibility Guidelines
 Contact Information Disability Service Provider
 Contact Information for Instructor
 Links toVendor Accessibility Information for 3rd Party Products
 Where to Post
 Course Description or Registration Page
 Course Homepage
 Syllabus
 Outline of Course and Content
 Similar to Course Map, Site Map,Table of Contents
 May be Built-in Learning Management System
 If not, provide Orientation Document
▪ General Layout
▪ Types of Content
▪ Where Found
 Content Management System (CMS)
 Learning Management System (LMS)
 Website
 Accessible Navigation
 Consistent Color Scheme
 Simple, Uncluttered Homepage
 Organize Related Content into Folders
 Easy Access to SearchTool
 CourseTools List is Up-to-Date
 Hide or Remove Any CourseTools Not Used
 Link Names are Descriptive and Unique
▪ Document or PageTitles
▪ Folder Names
▪ Sheets in Spreadsheets
▪ Website Links
 Navigation Elements are Consistent (Arrows, Buttons, etc.)
 Essential for Keyboard Accessibility (AT-reliant)
 Tab Key – no mouse
 Tab Order Follows a Logical and Intuitive path
 Minimize Number ofTabs Needed to Arrive at Main Content
10 Tips for Building an Accessible Online Course
 Text equivalent for non-text content
 120 characters or less
 Conveys function, meaning or purpose of the image
 Long Description (in addition to AltText)
 AltText alone is insufficient to convey meaning
 SurroundingText or Separate Document
 Ensure color is not the sole means of conveying important
information (Avoid color-coding)
 Is color the sole means of conveying important
information?
 Provide High Contrast Color Scheme
 Foreground (text) and Background color
 Background design does not overpower text
 File Properties
 Title, Author, Subject, Keywords
 Language
 Primary, Secondary
 Semantic Structure
 Headings (H1…H6)
 True Formatting: Lists, Columns,Tables
 Whitespace
 Paragraph After
ACCESSIBLE NOT ACCESSIBLE
 Built-in Accessibility Checker
 Remediate Errors
 Manual Checks
 Accessibility Checklist
 Human, Subjective Reasoning
 Remediate Errors
 Run Accessibility Checker Again
 Activities and Content
 Accessible Handouts in advance (24-48hrs)
 AvoidTimed Response Activities
 DescribeVisual Information (Text, Informative Images)
 Presentation Slides Accessible
 Captions
 Interface or Layout
 Allow Participants to Customize and Save Preferred Layout
 WebinarTechnology
 Audio-only
 Live: Captions
 Pre-recorded: Captions, DescriptiveTextTranscript
 Video-only
 Pre-recorded: DescriptiveTextTranscript OR MediaAlternative toText
 Audio andVideo
 Live: Captions
 Pre-recorded: Audio Description, Captions, DescriptiveTextTranscript
 All require Accessible Media Player
 AutomatedTools
 Built-in Automated Checker (LMS)
 Remediate Errors
 Manual Checks
 Accessibility Checklist
 Human, Subjective Reasoning
 Remediate Errors
 HumanTesting
 People with Disabilities provide Feedback
 CourseTools and Required Activities
 a) Are the required CourseTools accessible?
 b) Can they be used with accessibility in mind?
 3rd Party Resources, Software, or Websites
 Library Resources
 Pre-requisite to Register
 Registration and Payment for Course
 RequiredActivities: FieldTrips, SiteVisits, etc.
 Textbooks and Digital Bundles
 Websites
1. How People with Disabilities Access Web Content
2. Accessibility Statement
3. Orientation Document
4. Framework
5. Course Design, Layout and Navigation
6. Documents
7. Webinars
8. Multimedia
9. Accessibility Checks
10. Additional Considerations
10 Tips for Building an Accessible Online Course
Janet Sylvia
Accessibility Consultant &Trainer
jsaccessibility@gmail.com

More Related Content

PDF
Motivating Faculty to Embrace Accessibility
PPTX
Toolkit for Inclusivity in Higher Education
PPTX
How McGraw-Hill Is Formulating a Unified Approach to Digital Accessibility
PDF
Designing Accessible Cyberlearning: Recommendations & Lessons Learned
PPTX
Universal design for learning
PPT
Enhancing Learning with Technology in Higher Education
PPTX
Universal Design for Learning: A framework for addressing learner diversity
PPTX
Assistive Technology
Motivating Faculty to Embrace Accessibility
Toolkit for Inclusivity in Higher Education
How McGraw-Hill Is Formulating a Unified Approach to Digital Accessibility
Designing Accessible Cyberlearning: Recommendations & Lessons Learned
Universal design for learning
Enhancing Learning with Technology in Higher Education
Universal Design for Learning: A framework for addressing learner diversity
Assistive Technology

What's hot (20)

PPTX
Student perspectives on assistive technology
PDF
Beyond the “Digital Divide”: Understanding the complexities of access and inc...
PPTX
(COLTT 2018) Teaching Accessibility and Inclusive Design in Higher Education ...
PDF
Creating & managing your scholarly web presence
PPTX
Results from a Survey to Measure the Benefits of Accessibility and Universal ...
PPTX
Using the D2L ePortfolio Tool as a High Impact Practice
PPT
Assistive Technology Webquest - Whitlow
PPT
Learning virtually
PPT
Assistive Technology and Special Education Students
PPTX
Assistive Technology and Associated Training
PPT
Online Collaboration using VoiceThread
PPTX
Assistive Technology
PPTX
Sustainable Campus-Wide Captioning Practices to Support Course Videos – Is th...
PDF
Networked Scholars, or, Why on earth do academics use social media and why ...
PDF
Meet Them Where They Are: Digital Information Literacy Resources
PPT
Victorious feasibility studies
PPTX
Designing activities for online learning pt 2
PPTX
Experiences with social media
PPTX
Social Media in the Classroom
Student perspectives on assistive technology
Beyond the “Digital Divide”: Understanding the complexities of access and inc...
(COLTT 2018) Teaching Accessibility and Inclusive Design in Higher Education ...
Creating & managing your scholarly web presence
Results from a Survey to Measure the Benefits of Accessibility and Universal ...
Using the D2L ePortfolio Tool as a High Impact Practice
Assistive Technology Webquest - Whitlow
Learning virtually
Assistive Technology and Special Education Students
Assistive Technology and Associated Training
Online Collaboration using VoiceThread
Assistive Technology
Sustainable Campus-Wide Captioning Practices to Support Course Videos – Is th...
Networked Scholars, or, Why on earth do academics use social media and why ...
Meet Them Where They Are: Digital Information Literacy Resources
Victorious feasibility studies
Designing activities for online learning pt 2
Experiences with social media
Social Media in the Classroom
Ad

Similar to 10 Tips for Building an Accessible Online Course (20)

PPTX
10 Tips for Creating Accessible Online Course Content
PDF
Accessibility in distance education (ASSC 2013)
PPTX
Online Accessibility for Students with Disabilities
PPTX
Creating Accessible Course Content
PPT
Universal design for e learning final
PDF
Accessibility for Online Course Content
PDF
How to create accessible websites - Web Accessibility Summit
PDF
How to create accessible websites - WordCamp Boston
PPTX
A Step Toward Creating ADA Compliant Course Sites, presented by Wilmington Un...
PPTX
With Accessibility in Mind
PPTX
Helping All Students Succeed
PPTX
Demystifying digital accessibility webinar
PPTX
QM Standard 8: Accessibility and Finishing Touches
PPTX
Accessibility & Online Learning Presentation
PDF
Accessibility in D2L Brightspace
PPTX
Creating accessible online learning experiences
PDF
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
PPTX
Accessibility and Open Educational Resources
PPTX
Making Learning Accessible – Solving A Complex Puzzle
KEY
Build Accessibly - Community Day 2012
10 Tips for Creating Accessible Online Course Content
Accessibility in distance education (ASSC 2013)
Online Accessibility for Students with Disabilities
Creating Accessible Course Content
Universal design for e learning final
Accessibility for Online Course Content
How to create accessible websites - Web Accessibility Summit
How to create accessible websites - WordCamp Boston
A Step Toward Creating ADA Compliant Course Sites, presented by Wilmington Un...
With Accessibility in Mind
Helping All Students Succeed
Demystifying digital accessibility webinar
QM Standard 8: Accessibility and Finishing Touches
Accessibility & Online Learning Presentation
Accessibility in D2L Brightspace
Creating accessible online learning experiences
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Accessibility and Open Educational Resources
Making Learning Accessible – Solving A Complex Puzzle
Build Accessibly - Community Day 2012
Ad

More from 3Play Media (20)

PPTX
Advancing Equity and Inclusion for Deaf Students in Higher Education
PPTX
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
PPTX
The 3Play Way: Real-Time Captioning in Higher Education
PPTX
Developing a Centrally Supported Captioning System with Utah State University
PPTX
Developing a Centrally Supported Captioning System with Utah State University
PDF
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
PDF
Product Innovation is on the Edge
PDF
Why Every Company Needs to Think and Act Like a Media Company
PDF
2023 State of Automatic Speech Recognition
PDF
Complex Identities: The Intersection of Disability with Race, Culture, Gender...
PDF
Accessibility as a Gateway to Creativity
PDF
Disability Inclusion for Leadership
PDF
How to Tell Whether UDL is Working
PDF
Neurodivergency at work (P2) – 3Play and B-I.pdf
PDF
Neurodiversity in the Workplace - Part 1
PPTX
How To Deliver an Accessible Online Presentation
PDF
Power of an Accessible Website.pdf
PDF
2022 Digital Accessibility Legal Update.pdf
PDF
Intro to Live Captioning for Broadcast.pdf
PPTX
How to Scale a Sustainable Accessibility Program
Advancing Equity and Inclusion for Deaf Students in Higher Education
"Am I Doing This Right?" Imposter Syndrome and Accessibility Maturity
The 3Play Way: Real-Time Captioning in Higher Education
Developing a Centrally Supported Captioning System with Utah State University
Developing a Centrally Supported Captioning System with Utah State University
Lessons Learned: Canada’s Past, Present, and Future Leadership in Digital Acc...
Product Innovation is on the Edge
Why Every Company Needs to Think and Act Like a Media Company
2023 State of Automatic Speech Recognition
Complex Identities: The Intersection of Disability with Race, Culture, Gender...
Accessibility as a Gateway to Creativity
Disability Inclusion for Leadership
How to Tell Whether UDL is Working
Neurodivergency at work (P2) – 3Play and B-I.pdf
Neurodiversity in the Workplace - Part 1
How To Deliver an Accessible Online Presentation
Power of an Accessible Website.pdf
2022 Digital Accessibility Legal Update.pdf
Intro to Live Captioning for Broadcast.pdf
How to Scale a Sustainable Accessibility Program

Recently uploaded (20)

PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
Cloud computing and distributed systems.
PDF
Encapsulation theory and applications.pdf
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Machine learning based COVID-19 study performance prediction
DOCX
The AUB Centre for AI in Media Proposal.docx
PPT
Teaching material agriculture food technology
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
NewMind AI Monthly Chronicles - July 2025
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
Big Data Technologies - Introduction.pptx
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Cloud computing and distributed systems.
Encapsulation theory and applications.pdf
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Review of recent advances in non-invasive hemoglobin estimation
Digital-Transformation-Roadmap-for-Companies.pptx
MYSQL Presentation for SQL database connectivity
Machine learning based COVID-19 study performance prediction
The AUB Centre for AI in Media Proposal.docx
Teaching material agriculture food technology
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Dropbox Q2 2025 Financial Results & Investor Presentation
Agricultural_Statistics_at_a_Glance_2022_0.pdf
NewMind AI Monthly Chronicles - July 2025
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Big Data Technologies - Introduction.pptx
The Rise and Fall of 3GPP – Time for a Sabbatical?
CIFDAQ's Market Insight: SEC Turns Pro Crypto
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm

10 Tips for Building an Accessible Online Course

  • 1. Janet Sylvia Web Accessibility Consultant andTrainer July 23, 2020
  • 2.  Why Accessibility?  Accessibility Challenges for Online Courses  10Tips for Building an Accessible Online Course
  • 4.  “ Accessible means a person with a disability is afforded the opportunity ▪ to acquire the same information, ▪ engage in the same interactions, and ▪ enjoy the same services as a person without a disability ▪ in an equally effective and equally integrated manner, ▪ with substantially equivalent ease of use.  The person with a disability must be able to obtain the information as fully, equally and independently as a person without a disability.” Definition:US Department of Education, Office for Civil Rights
  • 5.  World Health Organization  World Report on Disability  Over 1 billion people worldwide have a disability  United States (U.S.), DisabledWorld  U.S. Disability Statistics byType and Age  30,000,000 (Ages 5 to 64)
  • 6.  40+ Countries - Disability and Digital Rights Laws  United NationsTreaty  Convention on Rights of Persons with Disabilities (CRPD)  W3C - Web Accessibility Initiative  Web Content Accessibility Guidelines (WCAG)
  • 7.  Americans with Disabilities Act (ADA)  AssistiveTechnology Act  Individuals with Disabilities Education Act (IDEA)  Rehabilitation Act, as Amended  Sections 503, 504, 508  Twenty-first Century Communications andVideo Accessibility Act (CVAA)
  • 8.  1) People with Disabilities  Loss of equivalent or equally effective access to educational benefits and opportunities  2) Your Organization  Civil Rights Complaints  Loss of Business and Reputation  High Cost of Remediation
  • 9.  1) Accessible for More People  People with Disabilities  Accommodate Different Learning Styles  Usability for all Participants  2) More Functional for Organization  AccessibilityTraining (Basics)  ApplyAccessibility Principles to Face-to-Face Seminars  Web Content Render Better on Different Devices
  • 11.  Understanding difference between:  Accessibility Requirement  Disability Accommodation  Who is responsible for each?
  • 12.  Accessibility Requirement  General Requirement for GeneralAudience  Provided in advance of Known Need  Responsibility: Content Creator  Disability Accommodation  Specific Accommodation for Specific Person  Responsibility: Disability Service Provider
  • 13. ACCESSIBILITY REQUIREMENT  AltText  Color and Contrast  Descriptive Hyperlinks  DocumentTitles  Whitespace  Instructor, Content Creator DISABILITY ACCOMMODATION  Braille  ExtendedTime  Listening Device  NoteTaker  Tactile Graphics  Disability Service Providers
  • 14.  Clearly Communicate the Difference to Content Providers  Provide Definitions in Company Accessibility Policy  AccessibilityTraining for Content Providers
  • 15.  When People with Disabilities encounter accessibility barriers or inaccessible content in your online course:  Who will they contact?  How will they receive resolution?
  • 16.  Don’t panic…be prepared  Have a Plan  Acknowledge Receipt of Request (24-48 hours)  Carefully Examine the Request  Elevate the Request  ProvideTimely Resolution
  • 17.  Individuals involved in the design, development and delivery of online course were not aware of Accessibility Requirements when course was created.
  • 18.  Begin Remediation Immediately  Prioritize Repairs ▪ Accessibility or Accommodation Requests ▪ New or Most Recent Content ▪ Most FrequentlyAccessed ▪ All Steps in a Process ▪ etc.  Develop Formal Remediation Plan
  • 20.  4 DisabilityTypes  1) Cognitive  2) Hearing  3) Motor  4)Visual
  • 21.  Hardware, Software, Service  Allow people to use their preferred modality to access web  Text – Sample Modalities:  Audio (Read Aloud Software)  Sight (Visual, EyeTracking)  Speech (Speech toText)  Touch (Refreshable Braille)
  • 22.  Welcoming Message  What to Include  Accessibility Guidelines  Contact Information Disability Service Provider  Contact Information for Instructor  Links toVendor Accessibility Information for 3rd Party Products  Where to Post  Course Description or Registration Page  Course Homepage  Syllabus
  • 23.  Outline of Course and Content  Similar to Course Map, Site Map,Table of Contents  May be Built-in Learning Management System  If not, provide Orientation Document ▪ General Layout ▪ Types of Content ▪ Where Found
  • 24.  Content Management System (CMS)  Learning Management System (LMS)  Website
  • 25.  Accessible Navigation  Consistent Color Scheme  Simple, Uncluttered Homepage  Organize Related Content into Folders
  • 26.  Easy Access to SearchTool  CourseTools List is Up-to-Date  Hide or Remove Any CourseTools Not Used
  • 27.  Link Names are Descriptive and Unique ▪ Document or PageTitles ▪ Folder Names ▪ Sheets in Spreadsheets ▪ Website Links  Navigation Elements are Consistent (Arrows, Buttons, etc.)
  • 28.  Essential for Keyboard Accessibility (AT-reliant)  Tab Key – no mouse  Tab Order Follows a Logical and Intuitive path  Minimize Number ofTabs Needed to Arrive at Main Content
  • 30.  Text equivalent for non-text content  120 characters or less  Conveys function, meaning or purpose of the image  Long Description (in addition to AltText)  AltText alone is insufficient to convey meaning  SurroundingText or Separate Document
  • 31.  Ensure color is not the sole means of conveying important information (Avoid color-coding)
  • 32.  Is color the sole means of conveying important information?
  • 33.  Provide High Contrast Color Scheme  Foreground (text) and Background color  Background design does not overpower text
  • 34.  File Properties  Title, Author, Subject, Keywords  Language  Primary, Secondary  Semantic Structure  Headings (H1…H6)  True Formatting: Lists, Columns,Tables  Whitespace  Paragraph After
  • 36.  Built-in Accessibility Checker  Remediate Errors  Manual Checks  Accessibility Checklist  Human, Subjective Reasoning  Remediate Errors  Run Accessibility Checker Again
  • 37.  Activities and Content  Accessible Handouts in advance (24-48hrs)  AvoidTimed Response Activities  DescribeVisual Information (Text, Informative Images)  Presentation Slides Accessible  Captions  Interface or Layout  Allow Participants to Customize and Save Preferred Layout  WebinarTechnology
  • 38.  Audio-only  Live: Captions  Pre-recorded: Captions, DescriptiveTextTranscript  Video-only  Pre-recorded: DescriptiveTextTranscript OR MediaAlternative toText  Audio andVideo  Live: Captions  Pre-recorded: Audio Description, Captions, DescriptiveTextTranscript  All require Accessible Media Player
  • 39.  AutomatedTools  Built-in Automated Checker (LMS)  Remediate Errors  Manual Checks  Accessibility Checklist  Human, Subjective Reasoning  Remediate Errors  HumanTesting  People with Disabilities provide Feedback
  • 40.  CourseTools and Required Activities  a) Are the required CourseTools accessible?  b) Can they be used with accessibility in mind?  3rd Party Resources, Software, or Websites  Library Resources  Pre-requisite to Register  Registration and Payment for Course  RequiredActivities: FieldTrips, SiteVisits, etc.  Textbooks and Digital Bundles  Websites
  • 41. 1. How People with Disabilities Access Web Content 2. Accessibility Statement 3. Orientation Document 4. Framework 5. Course Design, Layout and Navigation 6. Documents 7. Webinars 8. Multimedia 9. Accessibility Checks 10. Additional Considerations
  • 43. Janet Sylvia Accessibility Consultant &Trainer jsaccessibility@gmail.com