WEBVTT
Kind: captions
Language: en

00:00:00.720 --> 00:00:03.120
In the IBM Accessibility Design Kit,&nbsp;&nbsp;

00:00:03.120 --> 00:00:07.360
under 'Guidance' you can find a checklist&nbsp;
for content, ux, or visual design.

00:00:07.920 --> 00:00:11.600
Use this checklist to find accessibility&nbsp;
tasks needed for your design.&nbsp;&nbsp;

00:00:12.400 --> 00:00:16.320
For this demo we will pull&nbsp;
up the content checklist.

00:00:16.320 --> 00:00:19.920
Let's say you want to make sure&nbsp;
headings are implemented accessibly.&nbsp;&nbsp;

00:00:19.920 --> 00:00:25.920
Under 'Guidance', 'Content' again, 'Examples', you&nbsp;
can find bite-size guidance for headings, as well&nbsp;&nbsp;

00:00:25.920 --> 00:00:31.760
as other tasks. You can place this guidance&nbsp;
next to your artboard for quick reference.

00:00:33.120 --> 00:00:36.080
Want to see how headings are&nbsp;
annotated on a hi-fi design?&nbsp;&nbsp;

00:00:36.960 --> 00:00:41.440
You can go under 'Handoff annotations',&nbsp;
'Examples' and find 'Headings'.

00:00:42.320 --> 00:00:46.800
You can find examples of how the provided&nbsp;
annotation assets are used in this kit.&nbsp;&nbsp;

00:00:47.360 --> 00:00:50.880
This headings example shows H one and H two annotations.

00:00:51.840 --> 00:00:57.840
Now, let's apply what you've&nbsp;
learned and annotate the headings.&nbsp;&nbsp;

00:00:58.800 --> 00:01:03.920
Under "Handoff annotations', 'Assets',&nbsp;
'Headings' you will find a dark or light mode.

00:01:04.640 --> 00:01:08.000
You can annotate headings using&nbsp;
the provided library of assets.&nbsp;&nbsp;

00:01:09.360 --> 00:01:12.000
You can copy and paste the assets

00:01:12.000 --> 00:01:15.760
...and modify the assets as needed for&nbsp;
your design in the 'Override' panel,&nbsp;&nbsp;

00:01:16.960 --> 00:01:21.840
going from dark mode to light&nbsp;
mode and changing H one to H two.

00:01:22.960 --> 00:01:25.840
Now your developers will know how&nbsp;
they should implement the headings.