1
resposta

Erro no HTML baixado

É normal constar essa mensagem? Só fiz abrir a pasta anexada na aula e consta esse alerta:

Form elements must have labels: Element has no title attribute Element has no placeholder attribute

1 resposta

Olá, Ingrid. Tudo bem?

Parece que você encontrou um alerta ao abrir o arquivo HTML do projeto. A mensagem "Form elements must have labels: Element has no title attribute Element has no placeholder attribute" é um aviso de acessibilidade.

Quando você tem um elemento de formulário em HTML (como um campo de entrada de texto, por exemplo), é uma boa prática de acessibilidade fornecer um rótulo (label) para esse elemento. O rótulo ajuda as pessoas que usam leitores de tela ou outras tecnologias assistivas a entender o propósito do campo de entrada.

No caso do seu alerta, parece que você tem um elemento de formulário que não tem um atributo de título (title) ou um atributo de espaço reservado (placeholder). Ambos são usados para fornecer mais informações sobre o campo de entrada.

Aqui está um exemplo de como você pode adicionar um rótulo a um campo de entrada de texto:

<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome">

Neste exemplo, o elemento label tem um atributo for que corresponde ao atributo id do elemento input. Isso vincula o rótulo ao campo de entrada apropriado.

E aqui está um exemplo de como você pode adicionar um atributo de título e um atributo de espaço reservado a um campo de entrada de texto:

<input type="text" id="nome" name="nome" title="Insira seu nome" placeholder="Nome">

Neste exemplo, o atributo title fornece uma dica que descreve o propósito do campo de entrada, e o atributo placeholder fornece um breve prompt que é exibido no campo de entrada antes do usuário inserir um valor.

Espero que isso esclareça a mensagem de alerta que você está vendo. Lembre-se, a acessibilidade é uma parte importante do desenvolvimento web e é algo que todos nós devemos nos esforçar para melhorar em nossos projetos. Espero ter ajudado e bons estudos!