SC 4.1.2 Name, Role, Value

Back to Overview
00:00 --> 00:02
That's important.

00:04 --> 00:15
And then we have name role value, which is basically like the catch all for like elements need to be properly used.

00:16 --> 00:22
So we have seen the input fields with the label and descriptions, for example.

00:22 --> 00:31
And I always said like, oh, it would be announced as label and then text input and then the description for that.

00:32 --> 00:34
And this is exactly what name role value looks at.

00:35 --> 00:38
So we're looking at the input field.

00:38 --> 00:39
It has a label.

00:40 --> 00:42
That label is then the accessible name.

00:42 --> 00:45
So that's the name part of this success criterion.

00:46 --> 00:58
If you have used proper HTML, like an input field with the type text, then it will say, oh, yeah, sure, this is a text input field.

00:58 --> 01:05
So the role is text input and the value is whatever is inside of the field.

01:05 --> 01:07
But it's also things like required.

01:07 --> 01:12
It's also things like the length that is required.

01:12 --> 01:22
So all these properties and states need to be also conveyed in a programmatic way.

01:22 --> 01:24
That's basically what this is asking for.

01:24 --> 01:31
So this is asking for the correct HTML, making sure that everything is glued together properly.