SlideShare a Scribd company logo
Accessibility & Online Learning
What is required for online coursework at TCTC?
What is accessibility & why is it important?
“Accessibility is all about
our ability to engage with,
use, participate in, and
belong to, the world
around us”
2
- beaccesssible.org
Accessibility vs Accommodations
 Accommodations
changes to content and assessment
that we make during instruction that is
unique to a student and cannot be
addressed proactively.
 Accessibility
content that most all students can engage
with immediately. This can be done
proactively as the course is being designed
and created.
3
4
What’s it like to try to
use the internet with a
disability that effects
your accessibility?
Text
Formatting
A A A
5
Why use Text Formatting?
 A person who is reading a website or
other text will often use headings and
subheadings to search for information.
You may not read an entire site if you
are looking for one piece of information.
 A person who is using a
screen-reader because they have low-
vision or blindness cannot see that visual
cue.
6
 It is important to make sure our
headings and subheadings can be
identified by a screen-reader so a user
can navigate a text efficiently. Text
readers don’t identify bold or italicized
text.
The Importance of Font Choices
Simple fonts that are
widely available on all
devices should be
selected. Stay away
from ornate fonts that
can be difficult to read.
7
Fonts designed for
online use:
Verdana
Tahoma
Trebuchet
Georgia
Recommendations of Fonts
 Only use one or two fonts in any given section of text.
Too many variations make text more difficult to read.
 Avoid writing in ALL CAPS.
THE LACK OF VARIATION IN TEXT SIZES CAN MAKE IT
HARDER FOR SOMEONE WITH VISUAL IMPAIRMENT TO
READ THE TEXT.
8
PDF Readability
9
Ensuring PDF Readability
10
 PDFs have to be readable by screen-
readers. Simply making a copy of a
book page creates an image of the
text and a screen-reader cannot read
that.
 A quick test: Take your cursor and try
to highlight the text (or CTRL+F and
search for a word you see). If you can
highlight word for word and/or
successfully find a word, the PDF is
likely accessible.
Using Color
11
Using Color in online courses
 The way we use color in our
digital content can quickly
make our online courses
inaccessible.
 Accessible color use happens
when there is a high contrast
between background and
foreground colors.
12
LOW
Recommendations/Tools For Color
Recommendations
 In general contrast works best in a
webpage if you have a white (or
pale) background with black (or dark)
text.
 In cases with minimal text a color can
be used, but should still have a
significant amount of contrast
between background and text.
Tools you can use:
 The WebAIM Color Contrast Checker is a
great tool to check color accessibility.
 All color combinations should meet
WCAG AAA requirements to be
compliant.
 Installing an eye-dropper Chrome
extension can help you find exact color
codes.
13
Animations and
Visual Effects
14
Using Animations in online courses
Certain animations and visual effects can be
detrimental for people with seizure disorders. Just
to be safe, please be sure that you:
 Remove any flashing or blinking animations
 Change transitions in presentations to slow,
simple transitions
 Ensure there are pause buttons on RSS feeds
such as an embedded Twitter feed.
15
Hyperlinks
16
www.tctc.edu
X
Properly formatting your hyperlinks
 It is important that hyperlinked text always
describes the contents of the link.
 A screen reader should always be able to read
details of the link, not just the hyperlink address.
 https://archive.nytimes.com/www.nytimes.com/
packages/html/nyregion/9-
11imagemap.html?mcubz=0
17
TCTC Spring 2014
Academic Calendar
Click Here
https://www.nytimes.com/co
lumn/learning-article-of-
the-day
Using Images in
Your Course
18
Making Images Accessible
 A student who is unable to see
the screen has no way of knowing
what an image is unless a screen-
reader “reads” it to them.
 Images can only be readable with
the use of Alt Text that is attached
to the image. These Alt text
descriptions are only “visible” to
an audio browser.
19
ALT Text Animation
20
When an Image Needs More Detail
 Some images may require a longer
description than normal. Alt tags should be
used for short descriptions. Often images
like charts, graphs, and infographics carry a
ton of instructional content. In this instance,
it’s better to type out the information in
something like a Microsoft Word File and
link to the text version below the image.
 Don’t let the step of adding this info deter
you from using infographics in your courses.
The info included can be extremely helpful
and useful to students!
21
Detailed description of the above
graph.
Using Video
Captions and
Transcripts
22
Online Video Accommodations
 To be legally compliant, all videos must have accurate subtitles or a transcript available.
 While YouTube has automatically generated
captions, remember that voice-to-text
automation is not perfect. All captions
should be checked for accuracy.
 Keep in mind that if you upload a video you
created to YouTube, you can edit or create
the subtitles. You have no control over the
subtitles in someone else’s video.
23
24Accessing Transcripts on YouTube
*Always double
check your
transcript. There is
no guarantee of
accuracy.
 When possible, record your own videos and
upload to YouTube. It will make your course
more personal, and it is easier to make
accessible.
Including Math
Equations
25
Y=mx+b
Making Math Equations Accessible
 Math and science formulas/equations must
be readable by a screen-reader.
 We have two options when creating
accessible equations/formulas:
 If equations are saved as an image, add an alt
tag to each image with the math language
typed out in words
(imagine how a screen-reader without math
understanding might read it).
 Use Word documents for worksheets with
equations instead of PDFs (Word’s equation
editor is accessible).
26
A = π r2
How would you write out the following
equation for the area of a circle?
It would read:
“Area equals pie times radius squared”
OR
“Area equals Pie R squared”
NOTE: Just like with PDFs, if you can highlight the
equation and it recognizes each character, the equation
is likely accessible.
Questions? Comments?
27Daniel Graybeal, M.Ed.
Curriculum Consultant
Tri-County Technical College
dgraybea@tctc.edu
864.646.1854

More Related Content

PPTX
Harness the Power of Your LMS to Implement First-rate Blended Learning
PDF
Things I wished I knew while doing my tech bachelor / undergraduate
PPTX
PPTX
Blogging Trends in 2020
PPT
Create Tutorials and Videos Using SMART Recorder
PPTX
How to start developing iOS apps
PPT
Creating Effective Presentations With PowerPoint
PPTX
Hannah Cox
Harness the Power of Your LMS to Implement First-rate Blended Learning
Things I wished I knew while doing my tech bachelor / undergraduate
Blogging Trends in 2020
Create Tutorials and Videos Using SMART Recorder
How to start developing iOS apps
Creating Effective Presentations With PowerPoint
Hannah Cox

What's hot (20)

DOC
Video marketing course
PPT
Programming Kiss
DOC
Youtube marketing value
PPTX
Effective use of power point as a presentation tool
PPTX
Powerpoint act1
DOC
Youtube marketing expert
PPT
Effectively Using PowerPoint
PPTX
Webinar - Microlearning: Getting Started
PPT
Using Power Point Differently -- IT6710 -- 2010
PPTX
Evaluation – question 6
PDF
Offline Strategy for an Online World
PDF
Tips for Learning Programming
PPTX
GOOD PROGRAMMING
PPTX
11 rules for programmer should live by
PPTX
Vs presentation
PPTX
Power point activity 1 of gly
PPT
Emerging Technology for Learning
PDF
10 things you should know before you Flip Your Class
PPTX
Brix parale
PPTX
Ppt1.comp
Video marketing course
Programming Kiss
Youtube marketing value
Effective use of power point as a presentation tool
Powerpoint act1
Youtube marketing expert
Effectively Using PowerPoint
Webinar - Microlearning: Getting Started
Using Power Point Differently -- IT6710 -- 2010
Evaluation – question 6
Offline Strategy for an Online World
Tips for Learning Programming
GOOD PROGRAMMING
11 rules for programmer should live by
Vs presentation
Power point activity 1 of gly
Emerging Technology for Learning
10 things you should know before you Flip Your Class
Brix parale
Ppt1.comp
Ad

Similar to Accessibility & Online Learning Presentation (20)

PPTX
What is Digital Accessibility - an introduction to digital accessibility fund...
PPTX
Creating Accessible Documents
PDF
Top 10 Tips for Making Your Website Accessible
PDF
Job search at a dead end? Building Accessible Online Recruiting & Hiring Syst...
PPT
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
PPTX
EVOLVE'16 | Maximize | Gina Petruccelli & Libby Schaper | Web Accessibility &...
PPTX
EVOLVE'16 | Maximize | Libby Schaper & Gina Petrucceli | Web Accessibility & AEM
PDF
Web design , accessibility, and usability tips in Blackboard
PDF
Web Accessibility
PDF
The difference between content curation and content creation
PPT
corePHP Usability Accessibility by Steven Pignataro
PPT
Week 5 - Accessibility
PPTX
Jajaja
PDF
empowerment-4_compress.pdf in senior high school students PSU
POTX
User Study of the SADIe Transcoding Engine
PDF
Is accessibility the new black?
PPTX
Creating Accessible Information
PDF
flyers_infographics.pdf
PPT
Personalize that Online Course
PDF
What is Digital Accessibility - an introduction to digital accessibility fund...
Creating Accessible Documents
Top 10 Tips for Making Your Website Accessible
Job search at a dead end? Building Accessible Online Recruiting & Hiring Syst...
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
EVOLVE'16 | Maximize | Gina Petruccelli & Libby Schaper | Web Accessibility &...
EVOLVE'16 | Maximize | Libby Schaper & Gina Petrucceli | Web Accessibility & AEM
Web design , accessibility, and usability tips in Blackboard
Web Accessibility
The difference between content curation and content creation
corePHP Usability Accessibility by Steven Pignataro
Week 5 - Accessibility
Jajaja
empowerment-4_compress.pdf in senior high school students PSU
User Study of the SADIe Transcoding Engine
Is accessibility the new black?
Creating Accessible Information
flyers_infographics.pdf
Personalize that Online Course
Ad

Recently uploaded (20)

PPTX
Institutional Correction lecture only . . .
PPTX
Cell Structure & Organelles in detailed.
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
Business Ethics Teaching Materials for college
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Basic Mud Logging Guide for educational purpose
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
master seminar digital applications in india
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
Institutional Correction lecture only . . .
Cell Structure & Organelles in detailed.
Supply Chain Operations Speaking Notes -ICLT Program
STATICS OF THE RIGID BODIES Hibbelers.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Business Ethics Teaching Materials for college
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
2.FourierTransform-ShortQuestionswithAnswers.pdf
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Basic Mud Logging Guide for educational purpose
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
Renaissance Architecture: A Journey from Faith to Humanism
Module 4: Burden of Disease Tutorial Slides S2 2025
master seminar digital applications in india
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Microbial diseases, their pathogenesis and prophylaxis
102 student loan defaulters named and shamed – Is someone you know on the list?

Accessibility & Online Learning Presentation

  • 1. Accessibility & Online Learning What is required for online coursework at TCTC?
  • 2. What is accessibility & why is it important? “Accessibility is all about our ability to engage with, use, participate in, and belong to, the world around us” 2 - beaccesssible.org
  • 3. Accessibility vs Accommodations  Accommodations changes to content and assessment that we make during instruction that is unique to a student and cannot be addressed proactively.  Accessibility content that most all students can engage with immediately. This can be done proactively as the course is being designed and created. 3
  • 4. 4 What’s it like to try to use the internet with a disability that effects your accessibility?
  • 6. Why use Text Formatting?  A person who is reading a website or other text will often use headings and subheadings to search for information. You may not read an entire site if you are looking for one piece of information.  A person who is using a screen-reader because they have low- vision or blindness cannot see that visual cue. 6  It is important to make sure our headings and subheadings can be identified by a screen-reader so a user can navigate a text efficiently. Text readers don’t identify bold or italicized text.
  • 7. The Importance of Font Choices Simple fonts that are widely available on all devices should be selected. Stay away from ornate fonts that can be difficult to read. 7 Fonts designed for online use: Verdana Tahoma Trebuchet Georgia
  • 8. Recommendations of Fonts  Only use one or two fonts in any given section of text. Too many variations make text more difficult to read.  Avoid writing in ALL CAPS. THE LACK OF VARIATION IN TEXT SIZES CAN MAKE IT HARDER FOR SOMEONE WITH VISUAL IMPAIRMENT TO READ THE TEXT. 8
  • 10. Ensuring PDF Readability 10  PDFs have to be readable by screen- readers. Simply making a copy of a book page creates an image of the text and a screen-reader cannot read that.  A quick test: Take your cursor and try to highlight the text (or CTRL+F and search for a word you see). If you can highlight word for word and/or successfully find a word, the PDF is likely accessible.
  • 12. Using Color in online courses  The way we use color in our digital content can quickly make our online courses inaccessible.  Accessible color use happens when there is a high contrast between background and foreground colors. 12 LOW
  • 13. Recommendations/Tools For Color Recommendations  In general contrast works best in a webpage if you have a white (or pale) background with black (or dark) text.  In cases with minimal text a color can be used, but should still have a significant amount of contrast between background and text. Tools you can use:  The WebAIM Color Contrast Checker is a great tool to check color accessibility.  All color combinations should meet WCAG AAA requirements to be compliant.  Installing an eye-dropper Chrome extension can help you find exact color codes. 13
  • 15. Using Animations in online courses Certain animations and visual effects can be detrimental for people with seizure disorders. Just to be safe, please be sure that you:  Remove any flashing or blinking animations  Change transitions in presentations to slow, simple transitions  Ensure there are pause buttons on RSS feeds such as an embedded Twitter feed. 15
  • 17. Properly formatting your hyperlinks  It is important that hyperlinked text always describes the contents of the link.  A screen reader should always be able to read details of the link, not just the hyperlink address.  https://archive.nytimes.com/www.nytimes.com/ packages/html/nyregion/9- 11imagemap.html?mcubz=0 17 TCTC Spring 2014 Academic Calendar Click Here https://www.nytimes.com/co lumn/learning-article-of- the-day
  • 18. Using Images in Your Course 18
  • 19. Making Images Accessible  A student who is unable to see the screen has no way of knowing what an image is unless a screen- reader “reads” it to them.  Images can only be readable with the use of Alt Text that is attached to the image. These Alt text descriptions are only “visible” to an audio browser. 19
  • 21. When an Image Needs More Detail  Some images may require a longer description than normal. Alt tags should be used for short descriptions. Often images like charts, graphs, and infographics carry a ton of instructional content. In this instance, it’s better to type out the information in something like a Microsoft Word File and link to the text version below the image.  Don’t let the step of adding this info deter you from using infographics in your courses. The info included can be extremely helpful and useful to students! 21 Detailed description of the above graph.
  • 23. Online Video Accommodations  To be legally compliant, all videos must have accurate subtitles or a transcript available.  While YouTube has automatically generated captions, remember that voice-to-text automation is not perfect. All captions should be checked for accuracy.  Keep in mind that if you upload a video you created to YouTube, you can edit or create the subtitles. You have no control over the subtitles in someone else’s video. 23
  • 24. 24Accessing Transcripts on YouTube *Always double check your transcript. There is no guarantee of accuracy.  When possible, record your own videos and upload to YouTube. It will make your course more personal, and it is easier to make accessible.
  • 26. Making Math Equations Accessible  Math and science formulas/equations must be readable by a screen-reader.  We have two options when creating accessible equations/formulas:  If equations are saved as an image, add an alt tag to each image with the math language typed out in words (imagine how a screen-reader without math understanding might read it).  Use Word documents for worksheets with equations instead of PDFs (Word’s equation editor is accessible). 26 A = π r2 How would you write out the following equation for the area of a circle? It would read: “Area equals pie times radius squared” OR “Area equals Pie R squared” NOTE: Just like with PDFs, if you can highlight the equation and it recognizes each character, the equation is likely accessible.
  • 27. Questions? Comments? 27Daniel Graybeal, M.Ed. Curriculum Consultant Tri-County Technical College dgraybea@tctc.edu 864.646.1854