WEBVTT

00:00:00.001 --> 00:00:06.640
Bookmarklet has one simple job to do. It analyzes the page for any instance of an element that has

00:00:06.640 --> 00:00:12.240
been set with `aria-hidden="true"` and it then sets the background color to black and the foreground

00:00:12.240 --> 00:00:18.240
color to black and the intention is that it will reveal visually on the page any elements that would

00:00:18.240 --> 00:00:24.800
be hidden to assistive technology users. Another thing that it will do is if the element that has

00:00:24.800 --> 00:00:32.720
been set as `aria-hidden` is a focusable element then it will also appear with a pulsing red outline

00:00:32.720 --> 00:00:39.440
to indicate that this is a problem. But basically it's there to visually check that the things that

00:00:39.440 --> 00:00:44.640
are hidden to assistive technology users are relevant to be hidden in that way. So let's just

00:00:44.640 --> 00:00:50.880
quickly show that. Here's blackout running on BBC News website and you can see that these icons at

00:00:50.880 --> 00:00:58.160
the top here are visually hidden to assistive technology users and what you need to be checking

00:00:58.160 --> 00:01:04.400
is that anything that's currently blacked out is not, as far as you can tell, of any actual importance

00:01:04.400 --> 00:01:08.400
and that they are valid to be hidden in this way.