Acessibilidade Web – Atributo alt para botões de imagem
Gabarito: letra B. De acordo com as recomendações de acessibilidade do e-MAG (Modelo de Acessibilidade em Governo Eletrônico) e do WCAG 2.0, para botões do tipo imagem (input type="image") deve ser fornecida uma descrição textual por meio do atributo alt. A recomendação 6.1 do e-MAG é explícita.
e-MAG – Recomendação 6.1:
"Ao serem utilizados botões do tipo imagem (input type="image"), que servem para o mesmo propósito do botão do tipo submit, deve ser fornecida uma descrição textual para o botão através do atributo alt."
Alternativa A — ❌ Incorreta
O atributo text não existe para input; ele é confundido com o valor do atributo type ou com o conteúdo textual, mas não é um atributo HTML válido para fornecer descrição.
Alternativa B — ✅ Correta ⟵ GABARITO
Conforme citado, o atributo alt é o padrão para fornecer texto alternativo em imagens e, no caso de input type="image", funciona como descrição textual acessível.
Alternativa C — ❌ Incorreta
O atributo label é usado para associar um elemento <label> a um campo de formulário, mas não é o atributo para descrição de botão de imagem. A associação é feita via for e id.
Alternativa D — ❌ Incorreta
O atributo placeholder fornece uma dica de preenchimento dentro do campo (para input type="text", etc.), não se aplica a input type="image", que não é um campo de entrada de texto.
Alternativa E — ❌ Incorreta
Não existe atributo description em HTML para esse fim. A descrição textual de imagens é feita com alt; para outros elementos, pode-se usar aria-label ou title, mas não description.
Gabarito: letra B.