HTML5: o elemento <fieldset>
Gabarito: E — ERRADO. A afirmação está incorreta: o elemento <fieldset> foi usado de modo correto no código, pois ele é utilizado para agrupar elementos relacionados de um formulário, e não para criar cabeçalhos e subcabeçalhos. A função descrita no enunciado pertence aos elementos de cabeçalho (<h1> a <h6>) e de seção (<header>, <section>, <article>), não ao <fieldset>. A fonte é a especificação HTML5 do W3C.
O <fieldset> é um elemento HTML5 projetado especificamente para agrupar controles de formulário que compartilham um propósito comum, como campos de endereço, dados de pagamento ou, como no exemplo, credenciais de login. Ele cria uma caixa visual ao redor dos campos agrupados e, quando combinado com o elemento <legend>, fornece uma legenda descritiva para o grupo. No código apresentado, o <fieldset> envolve corretamente os campos de usuário e senha, com a legenda "Login", o que é exatamente o uso apropriado do elemento.
A confusão do enunciado está em atribuir ao <fieldset> uma função que ele não possui: a de estruturar cabeçalhos e subcabeçalhos. Essa função é típica dos elementos de cabeçalho (<h1> a <h6>) e dos elementos de seção semântica (<header>, <section>, <article>, <nav>, <aside>), que organizam a hierarquia de títulos e conteúdo da página. O <fieldset> não tem relação com a hierarquia de títulos; ele é um elemento de agrupamento de formulário, com a finalidade de melhorar a acessibilidade e a usabilidade, permitindo que leitores de tela anunciem o grupo de campos como uma unidade.
Na prática, o uso do <fieldset> é essencial em formulários extensos, pois ajuda os usuários a compreenderem a estrutura dos dados solicitados. Por exemplo, em um formulário de cadastro, pode-se usar <fieldset> para agrupar "Dados Pessoais" (nome, CPF, data de nascimento) e outro para "Endereço" (rua, número, CEP), cada um com seu <legend>. Isso não apenas organiza visualmente, mas também melhora a navegação por teclado e a experiência de usuários com deficiência visual.
A distinção crucial é entre agrupamento de formulário (<fieldset>) e estruturação de conteúdo (cabeçalhos e seções). Enquanto o primeiro serve para agrupar campos de entrada de dados, o segundo serve para organizar o conteúdo textual e visual da página. O enunciado tenta confundir esses dois papéis, sugerindo que o <fieldset> deveria ser usado para cabeçalhos, o que é um erro conceitual.
A pegadinha da banca está em inverter a função do elemento: ela descreve o uso de <h1>-<h6> e <header>/<section> como se fosse do <fieldset>. O candidato que conhece a função real do <fieldset> identifica imediatamente o erro. Guarde a fronteira: <fieldset> agrupa campos de formulário; cabeçalhos e seções estruturam conteúdo. É exatamente nessa distinção que a questão se resolve.
Alternativa C — ❌ Incorreta
A alternativa afirma que o <fieldset> foi usado indevidamente, pois deveria ser usado para cabeçalhos principais e subcabeçalhos. Isso está errado porque o <fieldset> é um elemento de agrupamento de formulário, não de estruturação de títulos. A função de cabeçalhos pertence aos elementos <h1> a <h6> e <header>, e a de seções semânticas a <section>, <article>, entre outros. No código, o <fieldset> está sendo usado corretamente para agrupar os campos de usuário e senha, com a legenda "Login" fornecida pelo <legend>. Portanto, a afirmação é falsa.
Alternativa E — ✅ Correta ⟵ GABARITO
A alternativa afirma que o item está errado, ou seja, que a afirmação do enunciado é falsa. Isso está correto porque o <fieldset> foi usado de modo adequado no código, agrupando os campos de login. A descrição do enunciado (usar para cabeçalhos) não corresponde à função do <fieldset>, que é agrupar controles de formulário. Portanto, a alternativa E é a resposta correta.
Gabarito: letra E