1
00:00:00,000 --> 00:00:01,210
NARRATOR: Hi, everyone.

2
00:00:01,210 --> 00:00:02,730
I'm Mark, from Vyond.

3
00:00:02,730 --> 00:00:06,300
Today, we're talking about color
contrast and web accessibility.

4
00:00:06,300 --> 00:00:07,920
Whenever you create
content, it's

5
00:00:07,920 --> 00:00:10,420
important to think of everyone
who may want to watch it,

6
00:00:10,420 --> 00:00:12,780
including those
with disabilities.

7
00:00:12,780 --> 00:00:15,810
Luckily, we have the Web Content
Accessibility Guidelines,

8
00:00:15,810 --> 00:00:19,230
often referred to as
WCAG 2.0, to provide

9
00:00:19,230 --> 00:00:21,540
a single shared
international standard

10
00:00:21,540 --> 00:00:24,780
to ensure that web content
is accessible to all.

11
00:00:24,780 --> 00:00:26,580
According to the World
Health Organization,

12
00:00:26,580 --> 00:00:28,470
there are more than
250 million people

13
00:00:28,470 --> 00:00:31,800
who suffer from some form
of visual impairment alone.

14
00:00:31,800 --> 00:00:34,260
One area that's often overlooked
when creating animations

15
00:00:34,260 --> 00:00:36,960
for web content
is color contrast.

16
00:00:36,960 --> 00:00:39,840
This web content generally
refers to visual information

17
00:00:39,840 --> 00:00:43,200
that's posted on a web page or
application, like text, images,

18
00:00:43,200 --> 00:00:46,980
and video, all pretty important
things to help tell our story.

19
00:00:46,980 --> 00:00:49,380
According to the guidelines,
the contrast ratio

20
00:00:49,380 --> 00:00:52,830
between text and its background
should be at least 4.5 to 1,

21
00:00:52,830 --> 00:00:55,920
in order to meet the minimum
conformance eligibility level

22
00:00:55,920 --> 00:00:58,960
of double A, to look like this.

23
00:00:58,960 --> 00:01:01,260
This ratio becomes less
prominent with larger fonts,

24
00:01:01,260 --> 00:01:03,750
since it's easier to
read at lower contrast.

25
00:01:03,750 --> 00:01:08,160
So, for example, if your type
is at least 18pt or 14pt bold,

26
00:01:08,160 --> 00:01:10,980
the minimum contrast
ratio drops to 3 to 1.

27
00:01:10,980 --> 00:01:12,960
The WebAIM color
contrast checker

28
00:01:12,960 --> 00:01:14,850
is a free resource
that will calculate

29
00:01:14,850 --> 00:01:17,970
the score for both the
regular and larger test sizes.

30
00:01:17,970 --> 00:01:20,160
It's perfect to
calculate your values.

31
00:01:20,160 --> 00:01:22,380
Just enter your color
values, and check the results

32
00:01:22,380 --> 00:01:23,513
for compliance.

33
00:01:23,513 --> 00:01:24,930
And that's all
there is to helping

34
00:01:24,930 --> 00:01:26,520
everyone access your content.

35
00:01:26,520 --> 00:01:29,870
[MUSIC PLAYING]