Questão de Programação — Linguagens de marcação — FGV 2023
Programação›Linguagens de marcação
Código
fg073204
Banca
FGV
Órgão
TJ-SE
Ano
2023
Nível
Médio
Cargo
Técnico Judiciário - Especialidade - Programação de Sistemas
Mariana está desenvolvendo a nova página institucional de sua empresa e quer aproveitar algumas funcionalidades do HTML 5 para garantia de acessibilidade.Um dos cuidados que Mariana deve ter é:
Aconfigurar o atributo data-message em cada div;
Butilizar o elemento label para associar a descrição de um campo ao componente do formulário;
Cnunca utilizar o atributo role;
Devitar o uso de th nas tabelas;
Edefinir todas as imagens como atributos background-image, da configuração CSS.
Revelar gabarito e comentário▾
GabaritoB — utilizar o elemento label para associar a descrição de um campo ao componente do formulário;
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Acessibilidade em HTML5
Gabarito: letra B. O elemento <label> é a forma correta de associar a descrição de um campo de formulário ao seu respectivo componente, garantindo que leitores de tela identifiquem o propósito do campo — prática essencial de acessibilidade em HTML5 (recomendação WCAG). As demais alternativas contradizem boas práticas de acessibilidade ou não são relevantes. A questão testa o conhecimento de recursos do HTML5 voltados à acessibilidade, especialmente o uso correto de elementos semânticos e atributos. Cada alternativa deve ser avaliada com base nas recomendações do W3C para acessibilidade web.
Alternativa A — ❌ Incorreta
O atributo data-message (da família data-*) é usado para armazenar dados customizados, não possui finalidade de acessibilidade. Associar descrições a campos deve ser feito com <label>, não com data-*.
Alternativa B — ✅ Correta ⟵ GABARITO
O elemento <label> com o atributo for (ou envolvendo o campo) vincula explicitamente um texto descritivo a um controle de formulário. Isso é um requisito fundamental de acessibilidade (Critério de Sucesso 1.3.1 da WCAG 2.1). É exatamente o cuidado que Mariana deve ter.
Alternativa C — ❌ Incorreta
O atributo role (parte das especificações ARIA) é recomendado quando elementos nativos não fornecem semântica suficiente. Proibir seu uso vai contra as boas práticas; ele deve ser empregado quando necessário para melhorar a acessibilidade.
Alternativa D — ❌ Incorreta
O elemento <th> (table header) define células de cabeçalho em tabelas, essencial para que leitores de tela entendam a estrutura tabular. Evitá-lo prejudica gravemente a acessibilidade.
Alternativa E — ❌ Incorreta
Usar background-image no CSS para imagens impede que leitores de tela as percebam. O correto é usar a tag ` com o atributo alt` para descrever a imagem, garantindo que o conteúdo seja acessível.
NÃO CAIA NESSA!
A banca tenta confundir boas práticas com práticas prejudiciais: dizer "nunca use role" (C) ou "evite th" (D) parece razoável para quem não conhece acessibilidade, mas ambas são recomendações contrárias às diretrizes. Fique atento: o atributo role complementa a semântica quando necessário, e <th> é indispensável em tabelas.