WEBVTT

1
00:00:00.366 --> 00:00:04.966
We have an input field with its properties exposed in the accessibility inspector.

2
00:00:05.433 --> 00:00:09.899
It is possible that this input field could be disabled.

3
00:00:12.100 --> 00:00:16.966
And its disabled state will be reflected in the accessibility inspector.

4
00:00:18.866 --> 00:00:23.666
Its label, which follows it in the DOM, could get aria-hidden.

5
00:00:26.533 --> 00:00:32.033
As soon as we do that, however, the input is no longer exposed in the accessibility tree.

6
00:00:32.233 --> 00:00:36.866
The browser claims that it is a descendant to the hidden label.

7
00:00:38.533 --> 00:00:41.466
If we toggle this aria-hidden to false,

8
00:00:42.000 --> 00:00:44.866
The input is exposed in the accessibility tree again.