Questão de TI - Desenvolvimento de Sistemas — HTML — INSTITUTO AOCP 2025
TI - Desenvolvimento de Sistemas›HTML
Código
qa699479
Banca
INSTITUTO AOCP
Órgão
MPE RS
Ano
2025
Cargo
Tec MP ( )
Um técnico de informática do MPRS está ajudando a equipe de desenvolvimento a implementar funcionalidades de acessibilidade em um sistema web utilizado para a comunicação interna entre os membros da instituição. A equipe está desenvolvendo uma plataforma para exibição de vídeos de treinamentos e reuniões e precisa garantir que todos os usuários, incluindo aqueles com deficiência auditiva e visual, possam acessar o conteúdo de forma adequada. O técnico precisa escolher o elemento HTML5 (HyperText Markup Language, version 5) adequado para adicionar legendas, closed captions e descrições de áudio nos vídeos exibidos na plataforma. Dessa forma, ele deve escolher a solução mais apropriada para garantir a acessibilidade e a conformidade com as normas de inclusão. Considerando essas especificações, qual elemento do HTML5 o técnico deve utilizar?
A<mark>
B<tr>
C<th>
D<track>
E<header>
Revelar gabarito e comentário▾
GabaritoD — <track>
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”.
Elemento HTML5 para legendas e descrições de áudio
Gabarito: letra D — o elemento <track> é o recurso do HTML5 projetado especificamente para adicionar faixas de texto a elementos de mídia (<video> e <audio>), como legendas, closed captions, descrições e capítulos. É ele que garante a acessibilidade para usuários com deficiência auditiva e visual, conforme a especificação do HTML5.
O HTML5 introduziu uma série de elementos semânticos e de mídia para enriquecer o conteúdo web. Entre eles, o <track> é um elemento vazio (não possui conteúdo próprio) que deve ser usado como filho direto de <video> ou <audio>. Ele referencia um arquivo de texto em formato WebVTT (Web Video Text Tracks), que contém as informações de legenda, descrição ou capítulo sincronizadas com o tempo do vídeo. O atributo kind define o tipo de faixa: subtitles (legendas), captions (closed captions, que incluem também efeitos sonoros e outras informações), descriptions (descrições de áudio), chapters (capítulos) e metadata (metadados). O atributo srclang indica o idioma da faixa, e label fornece um título visível ao usuário.
A importância do <track> para a acessibilidade é central: ele permite que pessoas surdas ou com deficiência auditiva leiam as legendas ou closed captions, e que pessoas cegas ou com baixa visão recebam descrições de áudio narrando o que ocorre visualmente no vídeo. Sem esse elemento, o conteúdo audiovisual fica inacessível a esses grupos, violando diretrizes de inclusão como as WCAG (Web Content Accessibility Guidelines). Na prática, um exemplo de uso seria:
A distinção que importa aqui é entre os elementos de mídia e os elementos de estrutura/semântica. Enquanto <track> é um elemento de mídia, os demais elementos listados nas alternativas (<mark>, <tr>, <th>, <header>) pertencem a outras categorias: <mark> é um elemento de texto que destaca trechos relevantes; <tr> e <th> são elementos de tabela; <header> é um elemento de estrutura semântica. A banca explora exatamente essa confusão: o candidato pode associar "descrição" a <mark> (por marcar texto) ou "cabeçalho" a <header>, mas nenhum deles tem relação com mídia. O critério decisivo é: para legendas e descrições de áudio em vídeos, o elemento é o <track>.
Alternativa A — ❌ Incorreta
O elemento <mark> é usado para destacar visualmente um trecho de texto, como se fosse um marca-texto. Ele não tem nenhuma relação com mídia ou acessibilidade de vídeo. A banca pode tentar confundir o candidato associando "marcar" a "descrição", mas o <mark> apenas realça conteúdo textual, sem qualquer função de legenda ou áudio.
Alternativa B — ❌ Incorreta
O elemento <tr> define uma linha em uma tabela HTML. Ele é um elemento estrutural de tabelas, usado em conjunto com <td> (célula) e <th> (célula de cabeçalho). Não possui qualquer relação com vídeo, legendas ou acessibilidade de mídia.
Alternativa C — ❌ Incorreta
O elemento <th> define uma célula de cabeçalho em uma tabela HTML. Assim como <tr>, é um elemento de tabela, sem relação com mídia. A confusão possível é associar "cabeçalho" a "descrição", mas o <th> apenas estrutura dados tabulares.
Alternativa D — ✅ Correta ⟵ GABARITO
O elemento <track> é a solução correta. Ele é usado dentro de <video> ou <audio> para fornecer faixas de texto sincronizadas, como legendas (subtitles), closed captions (captions) e descrições de áudio (descriptions). É o elemento padrão do HTML5 para garantir acessibilidade a conteúdo audiovisual, permitindo que usuários com deficiência auditiva ou visual acessem o conteúdo.
Alternativa E — ❌ Incorreta
O elemento <header> é um elemento semântico de estrutura, usado para definir o cabeçalho de uma seção ou página. Ele não tem relação com mídia ou acessibilidade de vídeo. A banca pode tentar confundir associando "cabeçalho" a "descrição", mas o <header> apenas organiza o conteúdo da página.
NÃO CAIA NESSA!
A banca explora a confusão entre elementos de estrutura (<header>, <tr>, <th>) e elementos de texto (<mark>) com o elemento de mídia (<track>). O candidato pode associar "descrição" a "marcar" ou "cabeçalho", mas nenhum desses elementos tem função de acessibilidade em vídeo. Lembre-se: para legendas e descrições de áudio, o elemento é sempre o <track>.
PEGA ESSA DICA!
Na prova, ao ver uma questão sobre acessibilidade em mídia, procure imediatamente pelo elemento <track>. Ele é o único elemento HTML5 dedicado a faixas de texto em vídeo/áudio. Associe kind="captions" a closed captions e kind="descriptions" a descrições de áudio — essa é a assinatura da questão.