Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

BUG FOR e LABEL

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Pessoal, boa tarde!

Então quando eu abro o DevTools mostra 5 issues (problema no FOR). No VsCode está escrito for="" dentro das aspas duplas não tem nada conforme código do professor. Gostaria de entender o que pode estar ocasionando este problema?

Quando eu retiro esse FOR, ele diz que precisa dessa classe.

solução!

Olá Renan, tudo bem?

Primeiramente gostaria de agradecer por compartilhar sua dúvida conosco, vou tentar lhe ajudar. Esse erro geralmente ocorre em páginas da web que possuem elementos de formulário, que é o nosso caso, pois estamos usando o for, mas geralmente ele é acompanhado de um input que vem com um id identificando a entrada de texto por parte do usuário, e que utilizam atributos for e id para associar os (labels) aos campos correspondentes. De forma mais técnica "O erro indica que o atributo for de um elemento de rótulo (label) não está correspondendo a nenhum id de elemento existente na página". Isso pode levar a alguns problemas de autofill (preenchimento automático) e de acessibilidade, ou seja, Renan o ISSUES(problemas) está alertando a falta do seu "amigo" <input> e do id que vem com ele.

De forma geral, considere com um aviso que não interfere no seu projeto, como nesse curso não vamos nos aprofundar em formulários, não precisa se preocupar, o que deve ser visualizado é o campo de console que é o que visualizamos e testamos a execução do código.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!