The document discusses web content accessibility, highlighting the importance of making digital content inclusive for people with disabilities. It outlines various types of disabilities, emphasizes ADA compliance, and provides practical steps for improving accessibility, such as conducting site audits and using appropriate design principles. The text also underscores the legal and ethical imperatives of ensuring universal access to information online.

1. WEB CONTENT
ACCESSIBILITY

2. 2
QUESTION
1. Do you know anyone with a
disability?
2. Did you overcome a disability?
3. How will a disabled person work in
this office?
4. Do you what ADA - Americans
with Disabilities Act - compliance
is?

3. 3

4. Can you name a
few? 4
This is
something
you’ve
already
experienced
You’ve come
across signs of
accessibility.

5. Place your screenshot here
5
This is
something
you’ve
already
experienced
You’ve come
across signs of
accessibility.

6. Place your screenshot here
6
This is
something
you’ve
already
experienced
You’ve come
across signs of
accessibility.

7. Place your screenshot here
7
This is
something
you’ve
already
experienced
You’ve come
across signs of
accessibility.

8. Place your screenshot here
8
This is
something
you’ve
already
experienced
You’ve come
across signs of
accessibility.

9. WHAT IS A DISABILITY?
● Auditory
● Cognitive
● Neurological
● Physical
● Speech
● Visual
9

10. IT’S A CONTINUUM
Permanent
Deaf
Blind
Mental disability
Physical disability
Temporary
My internet is slow
today
Broken arm
Not wearing glasses
I’m old, my sight sucks
Contextual
Bright sunlight
I can’t listen to audio
right now
I stay in a rural area
I’m in a developing
country
I only have a mobile
10

11. 11
Let’s see this in action
- Voice recognition
- Screen readers

12. WHAT CAN WE DO?

13. 1.
A SITE AUDIT

14. Chrome Dev Tool
● Audits
● Elements
● What are the results?
● Test it against Apple.com
● Tota11y Plugin
14

15. ARIA?
Accessible Rich
Internet Apps
A set of attributes that
define ways to make
Web content and Web
applications more
accessible.

16. 2.
EMPATHISE

17. 17

18. “
We need to make every
single thing accessible to
every single person with a
disability.
- Stevie Wonder
18

19. LET’S GET FUNKY
Using Funkify the Disability
simulator start to see your site
through the eyes of others. Let’s
Apple again.
19

20. 3.
DESIGN IN MIND

21. CONTRAST
General rule Level AA:
The visual presentation of text and
images of text has a contrast ratio
of at least 4.5:1
21
background: white, text: #b4b4b4
RUN TEST

22. PLAIN LANGUAGE
All writers, including producers of
technical and academic content,
owe it to readers to communicate
information simply, and clearly.
22
RUN TEST

23. THE DREADED ALT
Links and images with
appropriately named alt tags.
Decide if the image presents
content and if the image has a
function.
23

24. DON’T RELY ON COLOR
Color should not be the only way
information is conveyed.
Example: required fields for forms.
24

25. BIG
FONTS
Fonts should never be too small to
read. Never. Consider the use of
line heights and white spaces.
25

26. WHY SHOULD I CARE

27. 27
LAWYER UP
“2017 saw an unprecedented number
of website accessibility lawsuits filed
in federal and state courts, and few
courts willing to grant early motions
to dismiss.” - Seyfarth Shaw

28. 28
June 13, 2017 - Make your
site accessible!
June 15, 2017 - Refused to
let go of a battle on behalf
of a blind customer.
July 21, 2017 - Took them
to court!
August 1, flaming court case in
favour of compliance.

29. “[f]or over 20 years, the DOJ has
consistently maintained that the
ADA applies to private websites
that meet the definition of a
public accommodation. . . . Hobby
Lobby had more than sufficient
notice in 2010 to determine that
its website must comply with the
ADA.
- Judge John F. Walter, U.S.
District Judge
29

30. 30

31. 31
IT MATTERS, BECAUSE
PEOPLE DO
True accessibility is about providing
universal access. That means anyone
who wants to access information on
the website can do it, regardless of
platform or physical ability.

32. THANKS!
Any questions?
32

33. 33