Questão de Arquitetura de Software — Acessibilidade de Software — FCC 2016
Arquitetura de Software›Acessibilidade de Software
Código
fc028012
Banca
FCC
Órgão
AL-MS
Ano
2016
Nível
Médio
Cargo
Programador Visual
Uma das recomendações de acessibilidade do WCAG 2.0 e do e-MAG é que as etiquetas de texto (rótulos) sejam associadas corretamente aos campos nos formulários. Isso é feito através de um atributo na tag label e um atributo na tag input, que deverão ter o mesmo valor. Estes atributos são, respectivamente,
Asource e target.
Bin e out.
Cid e class.
Dfor e id.
Esrc e id.
Revelar gabarito e comentário▾
GabaritoD — for e id.
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 formulários: associação de label e input via atributos for e id
Gabarito: letra D. A associação correta entre um rótulo (label) e um campo de formulário (input) é feita com o atributo for na tag <label> e o atributo id na tag <input>, ambos com o mesmo valor. Essa prática é recomendada pelo WCAG 2.0 e pelo e-MAG para garantir que leitores de tela identifiquem corretamente os campos.
A banca testa o conhecimento específico dos atributos HTML usados para essa finalidade. Vamos analisar cada alternativa:
Alternativa A — ❌ Incorreta
source e target são atributos utilizados em outros elementos: source em <img>, <audio>, <video>; target em <a> e formulários. Não têm relação com a associação label-input.
Alternativa B — ❌ Incorreta
in e out não são atributos HTML válidos para esse propósito. Não existem na especificação para label ou input.
Alternativa C — ❌ Incorreta
id é usado no input, mas o atributo do label é for, não class. class é um atributo universal para estilização, não para associação semântica.
Alternativa D — ✅ Correta ⟵ GABARITO
Conforme o padrão HTML, o atributo for do <label> deve ter o mesmo valor do atributo id do <input>. Isso cria um vínculo explícito, essencial para a acessibilidade.
Alternativa E — ❌ Incorreta
src é usado em elementos como <img>, <script>, <iframe> para especificar a origem do recurso. Não tem função na associação entre rótulo e campo.
NÃO CAIA NESSA!
A banca mistura atributos comuns do HTML (como src, class, id) para confundir. O candidato pode lembrar que id está envolvido, mas esquecer que o label usa for, não class ou outro atributo. Fique atento: a dupla correta é for e id.