Questão de Tecnologia da Informação · FCC TRT-11 2017 (nº 36)

Para que leitores de tela e tecnologias assistivas consigam identificar corretamente qual texto (`label`) pertence a qual campo de formulário (`input`), é essencial criar uma ligação explícita entre eles. Isso é feito usando atributos específicos que conectam o rótulo ao campo.

(A) Incorreta: `alt` é usado para fornecer texto alternativo para imagens (`<img>`), e `src` é usado para especificar a fonte de um recurso (como uma imagem, script ou vídeo). Nenhum deles serve para associar `label` a `input`.
(B) Incorreta: O atributo `name` é usado no `input` para identificar o campo quando os dados são enviados ao servidor, não para associá-lo a um `label` para acessibilidade. `idref` não é um atributo padrão HTML para o elemento `label` com essa finalidade. Armadilha da banca: Esta é a alternativa mais tentadora porque `name` é um atributo muito comum em `input`s, mas sua função é diferente da associação de rótulo para acessibilidade.
(C) Incorreta: `target` é usado em links (`<a>`) ou formulários (`<form>`) para especificar onde o resultado da navegação ou envio deve ser exibido. `source` é usado em elementos de mídia (`<audio>`, `<video>`) para especificar arquivos de mídia alternativos. Não têm relação com a associação de `label` a `input`.
(D) Incorreta: `ref` não é um atributo padrão HTML para `input` ou `label` com essa finalidade. `caption` é usado para fornecer um título para tabelas (`<table>`), não para campos de formulário.
(E) Correta: O atributo `id` (identificador) é usado no elemento `input` para dar a ele um nome único na página. O atributo `for` (para) é usado no elemento `label` e seu valor deve ser exatamente o mesmo `id` do `input` correspondente. Essa combinação cria a ligação semântica necessária para a acessibilidade.