This webinar will help you evaluate the accessibility of your current learning efforts and learn about the tools needed to ensure your eLearning is in alignment with the latest Web Content Accessibility Guidelines (proposed WCAG 2.2).

1. © Blue Sky eLearn. All rights reserved.
TheGuideto
AccessibleLearning
forAssociations
With Dan Streeter,
VP of Learning Strategy & Design
Tuesday, August 9th, 2022
9:30am PDT, 12:30pm EDT, 5:30 BST
Dan Streeter
VP of Learning Strategy &
Development; Blue Sky eLearn
Tara Dwyer
Webinar Coordinator;
eLearning Learning

2. © Blue Sky eLearn. All rights reserved.
©Blue Sky eLearn. All rights reserved.
Blue Sky eLearn is an eLearning experience and
virtual event company that has been helping organizations of all
sizes advance the careers of professionals for over 20 years.
We drive lifelong learning through our comprehensive suite of
solutions centered around our award-winning
learning management system, Path LMS™.
To learn more about how Blue Sky eLearn can help
you, visit BlueSkyeLearn.com.

3. © Blue Sky eLearn. All rights reserved.
Click on the Questions panel to
interact with the presenters!
TO USE YOUR COMPUTER'S AUDIO:
When the webinar begins, you will be connected to audio using your computer's
microphone and speakers (VoIP). A headset is recommended.
TO USE YOUR TELEPHONE:
You must select "Use Telephone" after joining and call in using the
numbers below.
United States: +1 (914) 614-3221
Access Code: 267-007-970
Audio PIN: Shown after joining the webinar

4. © Blue Sky eLearn. All rights reserved.
Dan Streeter
VP of Learning Strategy &
Development,
Blue Sky eLearn

5. © Blue Sky eLearn. All rights reserved.
The Guide to
Accessible Learning
for Associations

6. © Blue Sky eLearn. All rights reserved.
We’ll cover:
• The Web Content Accessibility Guidelines
• Accessibility tools in:
• Zoom
• Microsoft Suite
• Adobe Acrobat (PDF)
• Articulate Suite
• eLearning accessibility evaluation tools
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

7. © Blue Sky eLearn. All rights reserved.
This presentation is
just a start…
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

8. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Agenda 1.Level Setting
2.Why Accessibility?
3.WCAG
4.Everyday Accessibility

9. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Level Setting

10. © Blue Sky eLearn. All rights reserved.
Disability
Defined
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

11. © Blue Sky eLearn. All rights reserved.
Accessibility
Defined
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

12. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Why
Accessibility?

13. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Why Focus on Accessibility?
Expand Reach Competitive Differentiation Risk Mitigation
Source: W3.org

14. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
ADA Title III
1990
“No individual shall be discriminated against on the basis
of disability in the full and equal enjoyment of the goods,
services, facilities, privileges, advantages, or
accommodations of any (physical) place of public
accommodation...”
Source: ada.gov
Title III does not explicitly state websites or other
intangible spaces (like the Metaverse) are places of
public accommodation.
Source: Bradley Law

15. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Total Number of ADA Title III Federal Lawsuits Filed Each Year
From January 1, 2013 – December 31, 2021
Link to Source: Seyfarth Shaw, LLP

16. © Blue Sky eLearn. All rights reserved.
The Call for a Unified Front
on Digital Accessibility
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

17. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Concerns about Web
Accessibility
• Poor color contrast
• Use of color alone to give information
• Lack of text alternatives (alt text) on images
• No captions on videos
• Inaccessible online forms
• Mouse-only navigation
(lack of keyboard navigation)
Source: ADA.gov
Resources
available
at ADA.gov

18. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
WCAG

19. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Barriers to Accessibility
1 in 5 People Face a Barrier to Accessibility
Auditory Visual Neurodiversity Physical Speech

20. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
WCAG Web Content Accessibility
Guidelines
A technical standard that explains how to
make web content more accessible to
people with disabilities
Link to Source: W3C

21. © Blue Sky eLearn. All rights reserved.
P.O.U.R. Principles
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
PRINC IPLE 1:
Perceivable
Information and user interface
components must be
presentable to users in ways
they can perceive.
PRINCIPLE 2:
Operable
User interface components
and navigation must
be operable.
PRINC IPLE 3:
Understandable
Information and the operation
of user interface must be
understandable.
PRINCIPLE 4:
Robust
Content must be robust enough
that it can be interpreted reliably
by a wide variety of user agents,
including assistive technologies.
Link to Source: W3C

22. © Blue Sky eLearn. All rights reserved.
t
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
4 P.O.U.R. Principles
13 Guidelines
78 Success Criteria
Link to Source: W3C

23. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
eSSENTIAL
Accessibility
The Must-
Have WCAG
2.1 Checklist
Link to: eSSENTIAL Accessibility WCAG 2.1 Checklist

24. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Everyday
Accessibility

25. © Blue Sky eLearn. All rights reserved.
ZOOM
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

26. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
WCAG 2.1 Guideline 1.2:
Time-Based Media
A Conformance AA Conformance AAA Conformance
1.2.2 Captions are provided
for all prerecorded audio
content in synchronized
media
1.2.4 Captions are provided for
all live audio content in
synchronized media.
1.2.6 Sign language
interpretation is provided
for all prerecorded audio
content in synchronized
media.
Link to Source: How to Meet WCAG (Quick Reference)

27. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
• Auto-generated captions
automatic live captioning
• Manual captions
type captions
• Third-party captioning
Closed Captioning API
• Designated Language Translation

28. © Blue Sky eLearn. All rights reserved.
PowerPoint
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

29. © Blue Sky eLearn. All rights reserved.
t
tx
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Accessibility Checker
Under Review Tab
Errors and Warnings
Recommended Actions

30. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
WCAG 2.1 Guideline 1.1:
Text Alternatives
A Conformance AA Conformance AAA Conformance
1.1.1
All non-text content that
is presented to the user
has
a text alternative
Link to Source: How to Meet WCAG (Quick Reference)

31. © Blue Sky eLearn. All rights reserved.
t
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
• Add “alt text” to images
Closed Captioning API
• Each slide has a unique title
add numbers for slides in a section
• Do not use style to convey meaning
“The item in red is most important
or click on the underlined items”

32. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
WCAG 2.1 Guideline 1.4:
Use of Color/Contrast
A Conformance AA Conformance AAA Conformance
1.4.3
Contrast (Minimum)
The visual presentation of
text and images of text has
a contrast ratio of at least
4.5:1
1.4.6
Contrast (Enhanced)
The visual presentation
of text and images of
text has a contrast ratio
of at least 7:1
Contrast ratio of at least 4.5:1 for normal text
3:1 for large text (18 point or larger).
Link to Source: How to Meet WCAG (Quick Reference)

33. © Blue Sky eLearn. All rights reserved.
t
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
AAA
7:1
Regular text
at 16px
Regular text
at 16px
Regular text
at 16px
AA
4:5:1
Regular text
at 16px
Regular text
at 16px
Regular text
at 16px
3:1
(Not compliant for
regular text)
Regular text
at 16px
Regular text
at 16px
Regular text
at 16px
Link to the Web AIM Contrast Checker

34. © Blue Sky eLearn. All rights reserved.
Microsoft
Word
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

35. © Blue Sky eLearn. All rights reserved.
t
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Errors are most
concerning

36. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
WCAG 2.1 Guideline 2.4:
Navigable
A Conformance AA Conformance AAA Conformance
2.4.4
Link Purpose
(In Context)
The purpose of each link
can be determined from
the link text alone
2.4.9
Link Purpose
(Link Only)
A mechanism is
available to allow the
purpose of each link to
be identified from link
text alone.
A Conformance: In Context
Link to WCAG 2.1 (Quick Reference)
AAA Conformance: Link Only
https://www.w3.org/WAI/WCAG21/quickref/

37. © Blue Sky eLearn. All rights reserved.
Adobe Acrobat
(PDF)
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

38. © Blue Sky eLearn. All rights reserved.
t
t
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

39. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Link to PDF/UA Foundation Accessibility Checker

40. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

41. © Blue Sky eLearn. All rights reserved.
Storyline
360
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

42. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
WCAG 2.1 Guideline 1.4:
Distinguishable
A Conformance AA Conformance AAA Conformance
1.4.4
Resize Text
Except for captions and
images of text, text can be
resized without assistive
technology up to 200
percent without loss of
content or functionality.
Link to Source How to Meet WCAG (Quick Reference)

43. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Link to Source Storyline 360: Accessible Player Controls

44. © Blue Sky eLearn. All rights reserved.
Tools to Help
A P R I L 2 0 2 2
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

45. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
C5 Consulting
Disability 101
eLearning
Course

46. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
eSSENTIAL
Accessibility
The Must-
Have WCAG
2.1 Checklist
Link to: eSSENTIAL Accessibility WCAG 2.1 Checklist

47. © Blue Sky eLearn. All rights reserved.
T H E G U I D E T O A C C E S S I B L E L E A R N I N G
Path LMS
WCAG 2.0 AA
Conformance
Blue Sky eLearn’s Path LMSTM

48. © Blue Sky eLearn. All rights reserved.
Accessibility
& eLearning:
A Guide for
Associations
T H E G U I D E T O A C C E S S I B L E L E A R N I N G

49. © Blue Sky eLearn. All rights reserved.
Q&A
Dan Streeter
VP of Learning Strategy & Development
Blue Sky eLearn
/in/yourfirstfollower/
@blueskyelearn
blueskyelearn.com
Tara Dwyer
Webinar Coordinator
eLearning Learning
/in/dwyertara/
elearninglearning.com