Pular para o conteúdo principal

Questão de Programação — Programação de front end — FGV 2025

ProgramaçãoProgramação de front end
Código
fg105441
Banca
FGV
Órgão
AL-AM
Ano
2025
Nível
Superior
Cargo
Analista Legislativo - Programador
O Programador está trabalhando na interface do novo sistema de acompanhamento de proposições, onde diversos elementos interativos como tabs e menus dropdown customizados são implementados usando apenas elementos genéricos <div> e <span>. Para garantir que esses componentes sejam operáveis e compreensíveis por usuários de leitores de tela, o uso de marcação semântica é insuficiente.O papel e o principal objetivo do conjunto de atributos do tipo Accessible Rich Internet Applications neste contexto é
  1. Agarantir que a layout da página se adapte corretamente a diferentes tamanhos de tela.
  2. Bvalidar a conformidade do backend com as diretrizes do WCAG 2.1.
  3. Cfornecer metadados e semântica adicional a elementos dinâmicos e customizados de interface para tecnologias assistivas.
  4. Dbloquear ataques de injeção de script XSS no frontend, utilizando atributos de segurança.
  5. Eotimizar a velocidade de carregamento da página, reduzindo a complexidade do Document Object Model
Revelar gabarito e comentário

GabaritoC — fornecer metadados e semântica adicional a elementos dinâmicos e customizados de interface para tecnologias assistivas.

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”.

ARIA (Accessible Rich Internet Applications)

Gabarito: letra C. O principal objetivo do ARIA é fornecer semântica adicional e metadados para elementos dinâmicos e customizados da interface, de modo que tecnologias assistivas (como leitores de tela) possam interpretá-los corretamente, preenchendo a lacuna quando o HTML semântico é insuficiente.

A questão trata do uso de elementos genéricos <div> e <span> para construir componentes interativos (tabs, menus dropdown). Como a marcação semântica pura não é suficiente para descrever o papel, estado e propriedades desses componentes customizados, o ARIA entra em cena para suprir essa necessidade.

Alternativa A — ❌ Incorreta

Trata de responsividade (layout adaptável), que é função do CSS (media queries, flexbox, grid), não do ARIA.

Alternativa B — ❌ Incorreta

Refere-se à validação de conformidade com o WCAG 2.1 no backend; ARIA é uma tecnologia de frontend que auxilia na acessibilidade, mas não valida nada — ela mesma é parte das técnicas para atender às diretrizes.

Alternativa C — ✅ Correta ⟵ GABARITO

ARIA (Accessible Rich Internet Applications) é um conjunto de atributos que adiciona semântica a elementos não semânticos ou customizados, permitindo que leitores de tela e outras tecnologias assistivas entendam o propósito e o estado dos componentes (ex.: role="tab", aria-selected="true").

Alternativa D — ❌ Incorreta

Refere-se a segurança contra XSS; ARIA não tem relação com prevenção de ataques de injeção de script.

Alternativa E — ❌ Incorreta

Refere-se à otimização de carregamento; ARIA não impacta diretamente a performance, e sim a acessibilidade.

NÃO CAIA NESSA!

A banca utiliza distratores que associam ARIA a conceitos comuns do desenvolvimento web (layout, segurança, performance) para testar se o candidato sabe exatamente qual é a finalidade da tecnologia. Lembre-se: ARIA é sobre acessibilidade e semântica adicional para componentes dinâmicos.

Gabarito: letra C.

Link permanente: /questoes/fg105441