WEBVTT
Kind: captions
Language: en

00:00:00.400 --> 00:00:03.920
An introduction to the IBM Equal&nbsp;
Access Accessibility Checker.

00:00:04.480 --> 00:00:08.240
This tool shows the accessibility&nbsp;
issues in a website's html,&nbsp;&nbsp;

00:00:08.240 --> 00:00:11.920
tells you how to fix them, and creates&nbsp;
exportable accessibility reports.

00:00:12.880 --> 00:00:17.760
On the tools page on ibm.com/able you can&nbsp;
download the checker for different browsers.&nbsp;&nbsp;

00:00:18.480 --> 00:00:22.240
For this demo, we will click on the&nbsp;
Accessibility Checker for Chrome tile,&nbsp;&nbsp;

00:00:22.240 --> 00:00:24.080
which takes us to the Chrome web store.

00:00:24.720 --> 00:00:27.520
To install the checker, click&nbsp;
on the 'add to Chrome' button&nbsp;&nbsp;

00:00:27.520 --> 00:00:30.640
and then click on the 'add extension'&nbsp;
button on the modal that appears.&nbsp;&nbsp;

00:00:32.320 --> 00:00:36.320
In a few seconds, you should get a notification&nbsp;
saying that the checker has been added to Chrome.

00:00:37.760 --> 00:00:40.400
For this demo, we will use&nbsp;
the Altoro Mutual website.&nbsp;&nbsp;

00:00:41.120 --> 00:00:46.000
Right click the page and choose 'inspect' to&nbsp;
open developer tools. Choose the 'Accessibility&nbsp;&nbsp;

00:00:46.000 --> 00:00:50.400
Assessment' tab and hit the 'Scan' button&nbsp;
to view an executive overview of the page.

00:00:54.720 --> 00:00:58.720
Under the 'Elements' tab, developers and&nbsp;
testers can choose the 'Accessibility&nbsp;&nbsp;

00:00:58.720 --> 00:01:02.080
Checker' and hit the 'Scan' button&nbsp;
to view the issues in the code.&nbsp;&nbsp;

00:01:03.280 --> 00:01:07.440
The status bar shows that there are 21&nbsp;
violations that need to be addressed,&nbsp;&nbsp;

00:01:07.440 --> 00:01:13.360
9 issues to review for possible violations,&nbsp;
and 5 recommendations for best practices.

00:01:13.360 --> 00:01:16.240
The highlighted issues correspond&nbsp;
with the highlighted code.

00:01:17.200 --> 00:01:21.040
You can also view the issues by&nbsp;
the three tabs: element roles,&nbsp;&nbsp;

00:01:21.040 --> 00:01:27.200
requirements, or rule. For more information&nbsp;
on how to use the checker, open your browser&nbsp;&nbsp;

00:01:27.200 --> 00:01:34.480
extensions, click on the checker, and click&nbsp;
on 'docs'. Here you will find the user guide.