Ok, então, em seguida, vamos nos concentrar nos rótulos e cada HDMI formará assim que os rótulos são exatamente o
que eles soam, eles nos permitem adicionar legendas aos elementos individuais em nossa forma.
E o motivo pelo qual os usamos, em vez de apenas um parágrafo ou algum texto simples, é que os
rótulos são realmente importantes para tornar nosso site acessível.
Então, se alguém tem deficiência visual ou cego e está acessando nosso fórum tentando se
inscrever no seu software de leitor de tela que eles estão usando vai procurar etiquetas de etiquetas e
vai usar esses rótulos para saber o que cada parte do formulário corresponde a.
Então, é realmente importante.
Também é uma ótima maneira de adicionar um pequeno título, como você pode ver aqui, explicando o que
cada parte do formulário é usada.
Então, há duas sintaxes que vamos cobrir o primeiro que se parece com isso.
Crie uma
etiqueta e depois coloquemos a entrada dentro dessa etiqueta.
você pode dizer algo como seu nome e então
vamos pegar esse nome de usuário e colocá-lo e colocá-lo dentro e, ao invés de fazer isso, é
um pouco melhor fazer as coisas espaçadas um pouco para que vejamos o verdadeiro relacionamento entre coisas.
Então,
Então vamos colocar a senha de cólon e depois a senha e colocar.
E nós vamos lá.
Isso é tudo o que devemos fazer para atualizar a página.
Agora temos dois rótulos que correspondem aos nossos dois insumos.
Portanto, há uma sintaxe alternativa ao invés de ter suas entradas aninhadas dentro de um rótulo.
Na verdade, podemos fazê-los completamente separados e nós os conectamos de uma maneira ligeiramente diferente.
Você pode ver aqui, temos um rótulo e tem um conjunto de quatro atributo igual ao nome do usuário.
E então temos uma entrada com um ID igual ao nome de usuário.
Portanto, enquanto esses dois jogos e outros softwares de acessibilidade sabem que esse rótulo que é para o nome
do usuário corresponde a esta entrada com o nome de usuário da ID.
Então, apenas para mostrar-lhe que vou seguir em frente e apenas duplicar este comentado apenas para
que possamos.
E então, o que eu vou fazer é mover as tags de entrada para que elas estejam separadas das etiquetas.
Eles não estão mais contidos dentro dessa etiqueta.
Então, eles não estão mais aninhados dentro uns dos outros.
ESTÁ BEM.
E a próxima coisa está conectando-os porque agora, embora pareça exatamente o mesmo para o software para pessoas com
deficiência visual, estes não são exatamente o mesmo porque eles não estão
realmente conectados, não há nenhuma linha que conecte este rótulo a esta entrada.
Então, para fazer isso, usamos o atributo quatro, digamos para o nome do usuário.
E então, por aqui, precisamos dizer que o ID é o nome do usuário e faremos o mesmo rótulo para senha.
E apenas para ser claro o nome não importa.
Queremos garantir que seja bom e significativo.
Não é apenas jibberish, mas não importa, desde que corresponda à ID
e atualize, parece exatamente o mesmo.
Mas você só pode confiar em que nossos dados estejam conectados.
Nós temos um rótulo para cada entrada