Questão de Noções de Informática — Internet — INSTITUTO AOCP 2025

Elemento HTML5 para legendas e descrições de áudio

Gabarito: letra D. O elemento HTML5 adequado para adicionar legendas, closed captions e descrições de áudio a vídeos é o <track>, usado como filho do elemento <video> para fornecer faixas de texto temporizadas (WebVTT). As demais alternativas são tags com funções distintas: <mark> destaca texto, <tr> define linha de tabela, <th> define célula de cabeçalho e <header> define o cabeçalho de um documento ou seção.

O elemento <track> é a solução nativa do HTML5 para acessibilidade em mídia audiovisual. Ele permite especificar diferentes tipos de faixas de texto através do atributo kind, que pode assumir valores como subtitles (legendas), captions (closed captions, que incluem também sons não falados, como efeitos sonoros), descriptions (descrições de áudio para deficientes visuais) e chapters (capítulos). Essas faixas são arquivos de texto no formato WebVTT (Web Video Text Tracks), que contêm o texto sincronizado com o tempo do vídeo.

Na prática, o código ficaria assim:

<video controls>
  <source src="treinamento.mp4" type="video/mp4">
  <track kind="captions" src="legendas.vtt" srclang="pt-BR" label="Português">
  <track kind="descriptions" src="descricao.vtt" srclang="pt-BR" label="Descrição de áudio">
</video>

O navegador exibe as legendas sobrepostas ao vídeo quando o usuário ativa a opção, e leitores de tela podem acessar as descrições de áudio. Isso garante que pessoas com deficiência auditiva (legendas e closed captions) e visual (descrições de áudio) possam compreender o conteúdo, alinhando-se às diretrizes de acessibilidade web (WCAG).

A confusão mais comum é pensar que <mark> ou <header> têm relação com acessibilidade, mas eles não têm função de mídia. O <mark> serve para destacar visualmente um trecho de texto (como um marca-texto), e o <header> é uma tag semântica de estrutura de página. Já <tr> e <th> são exclusivamente para tabelas. A banca explora exatamente essa mistura de tags HTML conhecidas, mas com propósitos completamente diferentes.

Guarde a distinção: para mídia (vídeo/áudio) com acessibilidade, o elemento é <track>; para texto, é <mark>; para tabelas, são <tr> e <th>; para estrutura de página, é <header>. É esse critério que separa as alternativas.

Alternativa A — ❌ Incorreta

A tag <mark> é usada para destacar visualmente um trecho de texto dentro de um documento HTML, funcionando como um marca-texto digital. Ela não tem nenhuma relação com vídeos, legendas ou descrições de áudio. O candidato pode confundir porque "marcar" algo parece relacionado a destacar conteúdo, mas o <mark> atua apenas sobre texto, não sobre mídia.

Alternativa B — ❌ Incorreta

A tag <tr> define uma linha (row) em uma tabela HTML. É um elemento estrutural de tabelas, usado em conjunto com <td> (célula de dados) e <th> (célula de cabeçalho). Não possui qualquer funcionalidade de acessibilidade para vídeos.

Alternativa C — ❌ Incorreta

A tag <th> define uma célula de cabeçalho em uma tabela HTML (table header). Assim como <tr>, é exclusiva do contexto de tabelas e não se aplica a mídia ou acessibilidade de vídeos.

Alternativa D — ✅ Correta ⟵ GABARITO

A tag <track> é o elemento HTML5 projetado especificamente para adicionar faixas de texto temporizadas a elementos <video> e <audio>. Com o atributo kind, é possível definir legendas (subtitles), closed captions (captions), descrições de áudio (descriptions) e capítulos (chapters). É a solução nativa e mais apropriada para garantir acessibilidade a usuários com deficiência auditiva e visual em conteúdo audiovisual.

Alternativa E — ❌ Incorreta

A tag <header> é um elemento semântico de estrutura de página, usado para definir o cabeçalho de um documento ou de uma seção. Ela organiza o conteúdo (como logotipos, títulos e menus de navegação), mas não tem função relacionada a vídeos, legendas ou descrições de áudio.

Gabarito: letra D