1
00:00:00,590 --> 00:00:04,120
There are tons of tools available
online to help you make sure your

2
00:00:04,120 --> 00:00:06,960
work is as accessible as you can make it.

3
00:00:06,960 --> 00:00:10,690
Some of these tools cover a wide
array of potential issues.

4
00:00:10,690 --> 00:00:15,600
Others are very specific, testing for
things like color contrast or font size.

5
00:00:15,600 --> 00:00:19,710
In this video, we'll take a look at some
free easy to use tools that will help

6
00:00:19,710 --> 00:00:23,540
you improve the accessibility of your site
once you've got something up and running.

7
00:00:24,950 --> 00:00:29,520
It's worth noting that when we say things
like color blindness we're generalizing

8
00:00:29,520 --> 00:00:34,330
a spectrum of different conditions
our users might be living with.

9
00:00:34,330 --> 00:00:37,890
Each of these can affect the way
they access our work differently.

10
00:00:37,890 --> 00:00:44,429
Actual color blindness, an inability to
perceive color at all is pretty rare.

11
00:00:44,429 --> 00:00:49,690
More often, users will have difficulty
distinguishing between certain colors.

12
00:00:49,690 --> 00:00:54,200
Spectrum simulates a number of different
types of visual impairment and

13
00:00:54,200 --> 00:00:58,500
therefore gives us a quick look at how
users affected by those conditions

14
00:00:58,500 --> 00:01:00,380
might experience our site.

15
00:01:00,380 --> 00:01:03,806
It exists as a chrome plug-in,
and once it's installed,

16
00:01:03,806 --> 00:01:07,708
all we need to do is view the page we
want to test, turn the app on, and

17
00:01:07,708 --> 00:01:10,678
choose the filter we want
to view the site through.

18
00:01:14,616 --> 00:01:19,600
There are many such tools out there that
offer essentially the same features.

19
00:01:19,600 --> 00:01:24,980
The point is, just to pick one and
start testing sooner rather than later.

20
00:01:24,980 --> 00:01:27,730
The tool I personally use the most often,

21
00:01:27,730 --> 00:01:31,050
is the Chrome Accessibility
Developer Tools.

22
00:01:31,050 --> 00:01:36,150
This extension adds the ability to audit
any site for accessibility to Chrome.

23
00:01:37,430 --> 00:01:42,390
Once it's installed, open up
the Dev Tools, switch to Audits, and

24
00:01:42,390 --> 00:01:43,900
run the accessibility audit.

25
00:01:45,770 --> 00:01:50,100
The results will come in in the form of
a series of tests which were either passed

26
00:01:50,100 --> 00:01:52,460
or failed, sorted by priority.

27
00:01:52,460 --> 00:01:54,764
Each instance is listed individually so

28
00:01:54,764 --> 00:01:58,023
we know exactly where to go in
the code to fix the problem.

29
00:02:03,534 --> 00:02:07,743
These dev tools power a number of others
Including a set of command line tools

30
00:02:07,743 --> 00:02:10,390
which I've linked to in
the teacher's notes.