WEBVTT

00:00:00.001 --> 00:00:03.440
This is quite a simple bookmarklet, as most of mine are.

00:00:03.440 --> 00:00:07.120
The sole purpose of it is to check whether fields that you would expect to be programmatically

00:00:07.120 --> 00:00:11.680
grouped are done so correctly. It looks for the obvious HTML construction, such as `fieldset`

00:00:11.680 --> 00:00:15.760
and `legend`, but also looks for roles of `region` or `group` and checks whether there is an

00:00:15.760 --> 00:00:20.320
`aria-label` or `aria-labelledby` by for that group. It then visually highlights the grouped elements

00:00:20.320 --> 00:00:24.400
on the page. Because of the nature of the script, it will also highlight other regions that are

00:00:24.400 --> 00:00:28.080
grouped in the same way, but you just have to ignore that. Just focus on the parts of the page

00:00:28.080 --> 00:00:32.800
that you actually want to check. As ever, my reason for making this was so that I can quickly check

00:00:32.800 --> 00:00:36.160
and then take a screenshot to verify that it has been done correctly.