1
00:00:00,420 --> 00:00:06,510
Ok, então, em seguida, vamos nos concentrar nos rótulos e cada HDMI formará assim que os rótulos são exatamente o

2
00:00:06,510 --> 00:00:10,590
que eles soam, eles nos permitem adicionar legendas aos elementos individuais em nossa forma.

3
00:00:10,590 --> 00:00:16,500
E o motivo pelo qual os usamos, em vez de apenas um parágrafo ou algum texto simples, é que os

4
00:00:16,500 --> 00:00:19,360
rótulos são realmente importantes para tornar nosso site acessível.

5
00:00:19,410 --> 00:00:24,500
Então, se alguém tem deficiência visual ou cego e está acessando nosso fórum tentando se

6
00:00:24,500 --> 00:00:30,570
inscrever no seu software de leitor de tela que eles estão usando vai procurar etiquetas de etiquetas e

7
00:00:30,570 --> 00:00:34,980
vai usar esses rótulos para saber o que cada parte do formulário corresponde a.

8
00:00:34,980 --> 00:00:36,960
Então, é realmente importante.

9
00:00:36,960 --> 00:00:41,970
Também é uma ótima maneira de adicionar um pequeno título, como você pode ver aqui, explicando o que

10
00:00:41,970 --> 00:00:43,530
cada parte do formulário é usada.

11
00:00:43,530 --> 00:00:48,750
Então, há duas sintaxes que vamos cobrir o primeiro que se parece com isso.

12
00:00:48,750 --> 00:00:49,620
Crie uma

13
00:00:52,740 --> 00:00:55,770
etiqueta e depois coloquemos a entrada dentro dessa etiqueta.

14
00:00:56,160 --> 00:00:59,820
você pode dizer algo como seu nome e então

15
00:01:02,700 --> 00:01:10,120
vamos pegar esse nome de usuário e colocá-lo e colocá-lo dentro e, ao invés de fazer isso, é

16
00:01:10,140 --> 00:01:17,100
um pouco melhor fazer as coisas espaçadas um pouco para que vejamos o verdadeiro relacionamento entre coisas.

17
00:01:17,100 --> 00:01:17,640
Então,

18
00:01:17,860 --> 00:01:25,220
Então vamos colocar a senha de cólon e depois a senha e colocar.

19
00:01:27,630 --> 00:01:28,410
E nós vamos lá.

20
00:01:28,410 --> 00:01:32,050
Isso é tudo o que devemos fazer para atualizar a página.

21
00:01:32,160 --> 00:01:36,720
Agora temos dois rótulos que correspondem aos nossos dois insumos.

22
00:01:38,190 --> 00:01:44,110
Portanto, há uma sintaxe alternativa ao invés de ter suas entradas aninhadas dentro de um rótulo.

23
00:01:44,130 --> 00:01:49,340
Na verdade, podemos fazê-los completamente separados e nós os conectamos de uma maneira ligeiramente diferente.

24
00:01:49,380 --> 00:01:55,920
Você pode ver aqui, temos um rótulo e tem um conjunto de quatro atributo igual ao nome do usuário.

25
00:01:56,190 --> 00:01:59,510
E então temos uma entrada com um ID igual ao nome de usuário.

26
00:01:59,730 --> 00:02:07,290
Portanto, enquanto esses dois jogos e outros softwares de acessibilidade sabem que esse rótulo que é para o nome

27
00:02:07,470 --> 00:02:12,950
do usuário corresponde a esta entrada com o nome de usuário da ID.

28
00:02:12,960 --> 00:02:19,590
Então, apenas para mostrar-lhe que vou seguir em frente e apenas duplicar este comentado apenas para

29
00:02:19,590 --> 00:02:20,640
que possamos.

30
00:02:20,640 --> 00:02:25,080
E então, o que eu vou fazer é mover as tags de entrada para que elas estejam separadas das etiquetas.

31
00:02:25,110 --> 00:02:29,730
Eles não estão mais contidos dentro dessa etiqueta.

32
00:02:29,730 --> 00:02:34,330
Então, eles não estão mais aninhados dentro uns dos outros.

33
00:02:37,110 --> 00:02:38,020
ESTÁ BEM.

34
00:02:38,550 --> 00:02:46,470
E a próxima coisa está conectando-os porque agora, embora pareça exatamente o mesmo para o software para pessoas com

35
00:02:46,830 --> 00:02:51,560
deficiência visual, estes não são exatamente o mesmo porque eles não estão

36
00:02:51,570 --> 00:02:56,990
realmente conectados, não há nenhuma linha que conecte este rótulo a esta entrada.

37
00:02:57,000 --> 00:03:02,380
Então, para fazer isso, usamos o atributo quatro, digamos para o nome do usuário.

38
00:03:03,240 --> 00:03:13,870
E então, por aqui, precisamos dizer que o ID é o nome do usuário e faremos o mesmo rótulo para senha.

39
00:03:14,370 --> 00:03:17,830
E apenas para ser claro o nome não importa.

40
00:03:17,850 --> 00:03:20,760
Queremos garantir que seja bom e significativo.

41
00:03:20,760 --> 00:03:25,260
Não é apenas jibberish, mas não importa, desde que corresponda à ID

42
00:03:30,330 --> 00:03:32,790
e atualize, parece exatamente o mesmo.

43
00:03:32,790 --> 00:03:35,670
Mas você só pode confiar em que nossos dados estejam conectados.

44
00:03:35,670 --> 00:03:37,200
Nós temos um rótulo para cada entrada