Questão nº 53
Questão de Tecnologia da Informação · FGV TJ-SE Servidor 2023 (nº 53)
FGV2023Técnico Judiciário - Programação de SistemasTecnologia da Informação
Gabarito: Bver comentário ↓
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; (alternativa correta)
- Cnunca utilizar o atributo role;
- Devitar o uso de th nas tabelas;
- Edefinir todas as imagens como atributos background-image, da configuração CSS.
Resposta comentada
Gabarito Alternativa B
A acessibilidade em HTML5 significa construir páginas web que possam ser usadas por todas as pessoas, incluindo aquelas com deficiência, muitas vezes com a ajuda de tecnologias assistivas como leitores de tela.
- (A) Incorreta: O atributo
data-messagenão é um recurso padrão de acessibilidade; atributosdata-*são para dados personalizados e não são automaticamente interpretados por leitores de tela como descrições acessíveis paradivs. - (B) Correta: O elemento
<label>é fundamental para a acessibilidade de formulários, pois associa textualmente uma descrição a um campo de formulário, permitindo que leitores de tela informem ao usuário qual dado é esperado. - (C) Incorreta: O atributo
role(parte do WAI-ARIA) é uma ferramenta poderosa e muitas vezes necessária para melhorar a acessibilidade, definindo o propósito semântico de elementos quando o HTML nativo não é suficiente. Dizer "nunca utilizar" é um erro grave, pois ele é essencial para muitas interações complexas. A armadilha aqui é confundir a recomendação de usar ARIA com moderação e preferir HTML nativo quando possível, com a ideia de que ARIA nunca deve ser usado. - (D) Incorreta: O elemento
<th>(cabeçalho de tabela) é crucial para a acessibilidade de tabelas, pois ele identifica semanticamente as células de cabeçalho, permitindo que leitores de tela compreendam a estrutura da tabela e associem dados aos seus respectivos cabeçalhos. Evitá-lo prejudicaria a acessibilidade. - (E) Incorreta: Imagens definidas via
background-imageno CSS são consideradas decorativas e não podem ter texto alternativo (alt). Para imagens que carregam significado, é essencial usar a tag<img>com o atributoaltpara que leitores de tela possam descrever seu conteúdo.
Fonte: FGV TJ-SE Servidor 2023 Técnico Judiciário - Programação de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.