A high-level overview of web accessibility, its need, and the guidelines content creators need to follow while creating online content.

1. Webinar Topic: Content Accessibility Guidelines
You are viewing a presentation used for the webinar on Content
Accessibility Guidelines conducted by Suja Albert.
- Student, MA eLearning (2020-22), Department of Educational
Technology, SNDT Women’s University
- Independent Senior Learning Consultant
1
Some information in this presentation is from the Web Accessibility Initiative (WAI) document: Developing Web Accessibility
Presentations and Training. Andrew Arch and Shadi Abou-Zahra, eds. Copyright © 2010 W3C® (MIT, ERCIM, Keio). Status: Draft
Updated 16 September 2010. https://www.w3.org/WAI/training/
Made available under the Creative Commons Attribution 4.0 International License.

2. "https://storyset.com/event" Event illustrations by Storyset 2

3. Thank you for
being here!
"https://storyset.com/event" Event illustrations by Storyset 3

4. Take a moment to
reflect on the
following scenarios...
"https://storyset.com/work" Work illustrations by Storyset
4

5. Max is on a workation. He
is looking forward to
completing his
professional certificate
course in TensorFlow.js.
Max
However, he is unable to
view the videos due to
poor connectivity.
"https://storyset.com/people" People illustrations by Storyset
Icons made by "https://www.flaticon.com/authors/sanb" SANB from
https://www.flaticon.com
5

6. Alex is visually
challenged. She takes the
help of a screen reader to
read online content.
However, her screen
reader does not describe
the images in the article.
Alex
"https://storyset.com/people" People illustrations by Storyset
"https://storyset.com/online" Online illustrations by Storyset
Icons made by "https://www.flaticon.com/authors/sanb" SANB from
https://www.flaticon.com
6

7. Max is Blind. He relies on
text-to-speech apps and
other assistive devices to
access online content.
However, he faces a
challenge accessing
complex images.
Matt
"https://storyset.com/online" Online illustrations by Storyset
Icons made by "https://www.flaticon.com/authors/sanb" SANB from
https://www.flaticon.com
7

8. Jane had to join an urgent
work call while she was at
the cafeteria.
However, she forgot to
carry her headphones
along.
Jane
"https://storyset.com/work" Work illustrations by Storyset
Icons made by "https://www.flaticon.com/authors/sanb" SANB from
https://www.flaticon.com
8

9. Max Jane
Alex
Unable to access
videos
Unable to access
images
Unable to access
audio
9

10. Unable to ACCESS
videos
Unable to ACCESS
images
Unable to ACCESS
audio
https://storyset.com/work Work illustrations by Storyset 10

11. Think for a moment before you proceed…
Unable to ACCESS
videos
Unable to ACCESS
images
Unable to ACCESS
audio
As content creators, what can you do to
help learners like Max, Alex, Jane, and
millions of others ACCESS content?
11

12. Content Accessibility Guidelines
— For the Web by the World Wide Web Consortium (W3C)
Some information in this presentation is from the Web Accessibility Initiative (WAI) document: Developing Web Accessibility
Presentations and Training. Andrew Arch and Shadi Abou-Zahra, eds. Copyright © 2010 W3C® (MIT, ERCIM, Keio). Status: Draft
Updated 16 September 2010. https://www.w3.org/WAI/training/
Made available under the Creative Commons Attribution 4.0 International License.
12

13. What is Accessibility?
“Accessibility is the concept of whether a product or
service can be used by everyone—however they
encounter it” (IxDF, para.1).
“Web accessibility means that websites, tools, and
technologies are designed and developed so that people
with disabilities can use them” ((WAI), 2005, para. 3).
13

14. What is Web Content?
● Natural information such
as text, images, and
sounds
● Code or markup that
defines structure,
presentation, etc.
https://storyset.com/online Online illustrations by Storyset
14

15. “The power of the Web is in its
universality.
Access by everyone regardless
of disability is an essential
aspect.”
Tim Berners-Lee, W3C Director and inventor of the
World Wide Web
https://storyset.com/online Online illustrations by Storyset
15

16. Why Web Content Accessibility
Perceive Understand Navigate Interact
Contribute
Icons made by https://www.flaticon.com/authors/freepik from https://www.flaticon.com
Icons made by https://www.flaticon.com/authors/pongsakorn-sarunsatta Pongsakorn Sarunsatta from https://www.flaticon.com 16

17. Who You Should Consider
Max
Jane
Alex
Slow Internet
Connection
People with
Disability
Situational
Limitations
17

18. Who You Should Consider
Max
Jane
Alex
Slow Internet
Connection
People with
Disability
Situational
Limitations
People with
Learning Difficulty
Temporary
Disability
Older People with
Changing Ability
18

19. What You Should Do to Help
Follow the W3C prescribed standards for accessible
design provided in the Web Content Accessibility
Guidelines (WCAG)
19

20. Who is WCAG Intended For?
● Content developers (page
authors, site designers, etc.)
● Authoring tool developers
● Accessibility evaluation tool
developers
● Others who want or need a
standard for web
accessibility
https://storyset.com/online Online illustrations by Storyset
20

21. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
https://storyset.com/technology Technology illustrations by Storyset 21

22. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
https://storyset.com/technology Technology illustrations by Storyset 22

23. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
● Text alternative (alt text) for
non-text content
● Captions and text transcripts for
multimedia content
● Content presented in different ways
● Content is easier to see and hear
23

24. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
https://storyset.com/web Web illustrations by Storyset 24

25. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
● Functionality is available by mouse and
keyboard
● Users have enough time to read and
interact with the content
● Users can easily navigate, find content,
and determine where they are
● Content does not cause seizures and
physical reactions
● Users can use different input modalities
than keyboard
25

26. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
https://storyset.com/work Work illustrations by Storyset 26

27. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
● Text is readable and understandable
● Content appears and operates in a
predictable manner
● Users are provided instructions to
avoid and correct errors
27

28. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
https://storyset.com/technology Technology illustrations by Storyset 28

29. What Principles You Need to Follow
Perceivable
Operable
Understandable
Robust
Content is compatible with current and
future user tools, different browsers,
assistive technologies, and other user
agents.
29

30. Challenges and Legal Implications
30

31. What are the Challenges?
Implementing accessibility support in frameworks and
design systems that do not support accessibility
Web content authoring tools and content management
systems that do not allow users to create accessible pages
and sites
Limited browser and assistive technology support
31

32. What are the Legal Implications?
It is mandatory
for the Federal
governments to
ensure compliance
with WCAG 2.0
guidelines.
https://storyset.com/online Online illustrations by Storyset 32

33. What are the Legal Implications?
Canada
China
Japan
European Union
New Zealand
United Kingdom
https://storyset.com/online Online illustrations by Storyset 33

34. 34

35. Designing for
accessibility is not a
moral obligation
but rather a legal
requirement in as
many as 39
countries,
including India.
https://storyset.com/online Online illustrations by Storyset 35

36. https://storyset.com/work Work illustrations by Storyset 36

37. References:
(WAI), W. C. W. A. I. (2005, February). Introduction to web accessibility. Web Accessibility Initiative (WAI). Retrieved November
25, 2021, from https://www.w3.org/WAI/fundamentals/accessibility-intro/.
What is accessibility? The Interaction Design Foundation. (n.d.). Retrieved November 25, 2021, from
https://www.interaction-design.org/literature/topics/accessibility.
Education and Outreach Working Group (EOWG). (2010, May). How to make your presentations accessible to all. W3C Web
Accessibility Initiative (WAI). Retrieved November 29, 2021, from
https://www.w3.org/WAI/teach-advocate/accessible-presentations/#preparing-slides-and-projected-material-speakers
Attribution:
All graphics in this presentation are sourced from:
Free Online Illustrations to customize | Storyset
https://storyset.com/people People illustrations by Storyset
Icons made by https://www.flaticon.com/authors/sanb SANB from https://www.flaticon.com Flaticon www.flaticon.com
https://storyset.com/online Online illustrations by Storyset
https://storyset.com/online Online illustrations by Storyset
https://storyset.com/people People illustrations by Storyset
https://storyset.com/people People illustrations by Storyset
https://storyset.com/technology Technology illustrations by Storyset
https://storyset.com/technology Technology illustrations by Storyset
https://storyset.com/work Work illustrations by Storyset
https://storyset.com/online Online illustrations by Storyset
37