Trilha de aprendizado · Nível 4 · Tutorial 7

Disponibilizar transcrições e versões com audiodescrição

Selecionar e disponibilizar alternativas para mídias gravadas, incluindo transcrições e acesso a versões com audiodescrição quando houver informação visual essencial não narrada.

  • Nível: Intermediário
  • Duração: 18 min
  • 7 passos
Disponibilizar transcrições e versões com audiodescrição

O que você vai percorrer

  1. Reconhecer a função de cada alternativa Diferencie transcrição, transcrição descritiva e audiodescrição pelo conteúdo que comunicam e pela forma de acesso que oferecem. 2 min
  2. Escolher alternativas conforme o conteúdo da mídia Selecione alternativas para áudio e vídeo considerando o que ficaria inacessível sem ouvir ou sem ver a mídia. 2 min
  3. Organizar uma transcrição de áudio Organize falas, participantes e sons relevantes em uma transcrição fiel, com uma estrutura HTML legível. 3 min
  4. Disponibilizar a transcrição em HTML Publique uma transcrição na própria página ou em outro documento HTML, com acesso claro e próximo ao reprodutor. 3 min
  5. Incluir as informações visuais na transcrição Complete uma transcrição com ações e resultados visuais essenciais e identifique o texto publicado como transcrição descritiva. 3 min
  6. Dar acesso à versão com audiodescrição Crie um link claro para uma versão já preparada com audiodescrição, mantendo o acesso às demais alternativas. 3 min
  7. Aplicação final: publicar alternativas complementares Complete os acessos às alternativas de um áudio e de um vídeo e revise se cada link entrega o conteúdo prometido. 3 min

O que você vai aprender

  • Identificar informações sonoras e visuais que precisam estar disponíveis por meios alternativos.
  • Organizar uma transcrição de áudio com falas, identificação de participantes e sons relevantes.
  • Disponibilizar uma transcrição descritiva que inclua informações visuais essenciais de um vídeo.
  • Identificar quando é necessária uma versão com audiodescrição e criar um link para uma versão já preparada.
  • Distinguir o que legendas, transcrições e audiodescrição oferecem, sem tratá-las como substitutas universais entre si.

Antes de começar

  • Adicionar legendas sincronizadas com track e WebVTT
  • Títulos e parágrafos para organizar o texto
  • Links entre páginas com textos claros
  • Links para trechos de documentos com id

Passo 1 de 7

Reconhecer a função de cada alternativa

Diferencie transcrição, transcrição descritiva e audiodescrição pelo conteúdo que comunicam e pela forma de acesso que oferecem.

O que cada recurso oferece

Compare conteúdo e forma de acesso

Transcrição: apresenta as falas e os sons relevantes em texto não sincronizado. Você pode ler no seu ritmo, sem acompanhar a reprodução.

Transcrição descritiva: reúne em texto as informações sonoras e visuais necessárias para compreender um vídeo.

Audiodescrição: comunica, por narração, informações visuais essenciais que o áudio original não explica.

Dica

E as legendas?

As legendas já estudadas apresentam o conteúdo sonoro em texto sincronizado com o vídeo. Elas não descrevem automaticamente o que só aparece na imagem.

Associe recurso e função

Como a informação fica disponível?

Associe cada recurso à sua função.

Toque em um item e depois no par correspondente.

A mesma cena, diferentes formas de acesso

Uma confirmação na tela

Em um vídeo, Ana diz “Veja o resultado”. Um sinal sonoro toca, e a tela mostra “Cadastro concluído”. Ninguém lê essa mensagem no áudio original.

Exemplo

Compare os trechos

Transcrição — texto:
Ana: Veja o resultado. [Sinal sonoro.]

Transcrição descritiva — texto:
Ana: Veja o resultado. [Sinal sonoro.] Na tela, aparece a mensagem “Cadastro concluído”.

Audiodescrição — narração acrescentada:
“Na tela, aparece a mensagem: Cadastro concluído.”

Dica

Não existe substituta universal

A audiodescrição oferece a informação visual pelo som, não por texto. Os recursos são complementares: ter um deles não elimina, por si só, a função dos demais.

Confira a diferença

O que cada alternativa comunica?

Sobre o exemplo “Cadastro concluído”, qual afirmação está correta?

Passo 2 de 7

Escolher alternativas conforme o conteúdo da mídia

Selecione alternativas para áudio e vídeo considerando o que ficaria inacessível sem ouvir ou sem ver a mídia.

Identifique o que ficaria inacessível

Analise a informação, não só o formato

Antes de escolher os recursos, pergunte:

  • Sem ouvir, quais falas ou sons importantes se perdem?
  • Sem ver, quais ações, textos ou resultados se perdem?
  • O que já é comunicado tanto pela imagem quanto pelo áudio?

Exemplo

Quando há apenas som ou apenas imagem

Áudio gravado sem imagem: ofereça uma transcrição das falas e dos sons relevantes.

Vídeo sem áudio: ofereça uma descrição textual sequencial ou uma alternativa sonora que comunique as informações visuais relevantes.

Quando há som e imagem

Combine recursos conforme as lacunas: legendas para o conteúdo sonoro; transcrição descritiva para leitura do conteúdo completo. Se houver informação visual essencial ausente do áudio original, é necessária audiodescrição para comunicá-la a quem acompanha pelo som.

Relacione a lacuna ao recurso

O que atende a cada necessidade?

Associe cada situação ao recurso que comunica a informação inacessível.

Toque em um item e depois no par correspondente.

Ter narração não basta

Exemplo

Compare dois vídeos de dobradura

Vídeo A: a narração explica cada movimento e a forma obtida. As imagens não acrescentam informação essencial. Não há lacuna visual que exija audiodescrição adicional.

Vídeo B: a pessoa diz “dobre assim” e mostra os movimentos e o resultado sem descrevê-los. Há informação visual essencial ausente do áudio: é necessário acrescentar audiodescrição.

Dica

Confira também a alternativa para leitura

Em A, transcrever o áudio já preserva o conteúdo essencial. Em B, uma transcrição apenas das falas deixa lacunas: escolha uma transcrição descritiva.

Escolha recursos complementares

Qual plano atende aos dois vídeos?

A narra todas as etapas e o resultado. B deixa movimentos e resultado apenas nas imagens. Qual plano oferece acesso ao conteúdo sonoro, leitura independente e compreensão sem ver?

Passo 3 de 7

Organizar uma transcrição de áudio

Organize falas, participantes e sons relevantes em uma transcrição fiel, com uma estrutura HTML legível.

Preserve o conteúdo, não apenas a ideia

Falas na sequência original

Preserve o conteúdo e a ordem das falas. Não transforme a transcrição em um resumo nem substitua o que foi dito por uma interpretação.

Identifique os participantes de forma consistente: se uma pessoa aparece como “Lia”, mantenha esse nome nas falas seguintes. Quando o nome não estiver disponível, use rótulos estáveis, como “Participante 1”, sem inventar uma identidade.

Dica

Quais sons registrar?

Registre sons que expliquem uma reação ou contribuam para compreender o conteúdo. Use uma convenção clara para separá-los das falas, como [Campainha toca]. Ruídos sem importância para a compreensão podem ser omitidos.

Escolha o registro fiel

Conversa no estúdio

Registro de referência: Lia pergunta “Já podemos começar?”. Uma campainha toca. Rui responde “Vou atender a porta primeiro.”. Há também um ruído baixo de ventilador, sem importância para a conversa.

Qual transcrição preserva as informações necessárias?

Estruture o texto em HTML

Um título e blocos de leitura

Use um título que identifique o áudio, no nível adequado à página, e um parágrafo por fala ou trecho. Mantenha a identificação dos participantes no próprio texto e os sons relevantes no ponto em que ocorrem.

A conversa organizada

html
<h2>Transcrição — Conversa no estúdio</h2>
<p>Lia: Já podemos começar?</p>
<p>[Campainha toca]</p>
<p>Rui: Vou atender a porta primeiro.</p>

Dica

Marcas de tempo são opcionais

Uma indicação como [00:35] antes de uma fala pode ajudar a localizar um trecho em uma gravação longa. Não é necessário marcar cada fala nem sincronizar a transcrição com o áudio.

Organize uma nova transcrição

Registro de referência: teste de notificação

Caio diz: “Vou enviar a mensagem.”. Em seguida, soam dois bipes curtos. Bia responde: “Recebi o aviso.”. Caio conclui: “Então o som está ativado.”.

Reconstrua a sequência

Ordene os blocos conforme o registro de referência. Cada bloco poderá formar um parágrafo da transcrição.

  1. [Dois bipes curtos]
  2. Bia: Recebi o aviso.
  3. Caio: Vou enviar a mensagem.
  4. Caio: Então o som está ativado.

Passo 4 de 7

Disponibilizar a transcrição em HTML

Publique uma transcrição na própria página ou em outro documento HTML, com acesso claro e próximo ao reprodutor.

Texto disponível logo após a mídia

Com a transcrição já preparada, você pode publicá-la diretamente após o reprodutor, em uma seção com título. Assim, o texto fica disponível sem precisar iniciar a reprodução.

Nos recortes deste step, as fontes de áudio foram omitidas para destacar a publicação da transcrição.

Na página do áudio “Horário da biblioteca”

html
<audio controls>
  <!-- Fontes de áudio omitidas neste recorte. -->
</audio>

<section>
  <h2>Transcrição — Horário da biblioteca</h2>
  <p>Ana: A biblioteca abre às nove horas.</p>
</section>

Dica

Fora do conteúdo de reserva

Mantenha a transcrição, ou o link para ela, no fluxo normal da página, fora de <audio> ou <video>. Se o único acesso estiver dentro desses elementos, ele não ficará visível nos navegadores que oferecem suporte ao reprodutor.

Acesso a uma seção mais adiante

Se a transcrição estiver mais adiante na mesma página, coloque um link próximo ao reprodutor apontando para a seção correspondente. Complete o destino no recorte abaixo.

html
<audio controls>
  <!-- Fontes de áudio omitidas neste recorte. -->
</audio>
<p><a href="_____">Ler transcrição — Horário da biblioteca</a></p>

<!-- Outros conteúdos da página. -->

<section id="transcricao-horario">
  <h2>Transcrição — Horário da biblioteca</h2>
  <p>Ana: A biblioteca abre às nove horas.</p>
</section>

Conecte o link à transcrição

Qual valor deve substituir a lacuna de href? Digite somente o valor, sem aspas.

Transcrição em outra página HTML

A transcrição também pode ficar em outro documento HTML. Nesse caso, mantenha um link próximo ao reprodutor e use o caminho da página como destino.

O texto do link deve dizer que leva à transcrição e identificar a mídia, em vez de usar apenas “Clique aqui”.

Destino na mesma pasta da página atual

html
<!-- Inserir logo após o reprodutor, fora de audio ou video. -->
<p>
  <a href="transcricao-horario.html">
    Ler transcrição — Horário da biblioteca
  </a>
</p>

Dica

Disponibilizar não é produzir

O arquivo transcricao-horario.html precisa existir e conter a transcrição completa e identificada desse áudio. Estruturar o texto e criar um link não gera nem revisa automaticamente seu conteúdo.

Complete a publicação

Onde inserir o acesso?

A transcrição de “Horário da biblioteca” está pronta em transcricao-horario.html, na mesma pasta da página atual.

html
<audio controls>
  <!-- Fontes de áudio omitidas neste recorte. -->
  <!-- Posição A -->
</audio>
<!-- Posição B -->

Acesso visível e bem identificado

Qual inserção oferece um link visível, com identificação clara e destino correspondente?

Passo 5 de 7

Incluir as informações visuais na transcrição

Complete uma transcrição com ações e resultados visuais essenciais e identifique o texto publicado como transcrição descritiva.

O que “Pronto” não conta

Exemplo

Transcrição apenas sonora

Lia: Vou salvar o arquivo.

[Som: bipe de confirmação.]

Lia: Pronto.

Qual ação foi realizada e qual resultado apareceu? Compare este texto com o vídeo ou com o registro acessível abaixo.

Salvar um arquivo

O registro abaixo apresenta o mesmo conteúdo sem depender de ver ou ouvir o vídeo.

Exemplo

Registro acessível dos acontecimentos

  1. Lia diz: “Vou salvar o arquivo.”
  2. O cursor clica no botão “Salvar”.
  3. Soa um bipe de confirmação.
  4. Aparece na tela a mensagem “Arquivo salvo”.
  5. Lia diz: “Pronto.”

Selecione a informação que falta

Descrever sem supor

Qual opção registra a ação e o resultado observáveis que faltam à transcrição apenas sonora?

Acrescente o visual no ponto certo

Preserve o sentido e a sequência

Mantenha as falas e os sons. Acrescente as informações visuais essenciais no momento correspondente, não em um bloco separado ao final.

  • Inclua ações, textos exibidos, resultados e mudanças de cena que afetem a compreensão.
  • Diferencie os registros: “Lia:” para a fala, “[Som: …]” e “[Visual: …]”. Esses rótulos são uma convenção de escrita, não tags HTML.
  • Descreva fatos observáveis, sem inventar intenções ou acumular detalhes irrelevantes.

Dica

Identifique o recurso publicado

Use a estrutura e os modos de publicação já vistos: título e parágrafos após a mídia, ou acesso por link claro. Identifique o recurso como “Transcrição descritiva — Salvar um arquivo” no título e, se houver, no link. Só mudar o nome não completa o conteúdo.

Complete a transcrição descritiva

Trecho publicado logo após o vídeo

html
<section>
  <h2>Transcrição — Salvar um arquivo</h2>
  <p>Lia: Vou salvar o arquivo.</p>
  <!-- Acrescente a ação visual aqui. -->
  <p>[Som: bipe de confirmação.]</p>
  <!-- Acrescente o resultado visual aqui. -->
  <p>Lia: Pronto.</p>
</section>

Escreva as três linhas necessárias

Depois da primeira fala, o cursor clica em “Salvar”. Após o bipe, aparece “Arquivo salvo”.

Escreva apenas o <h2> revisado e os dois parágrafos <p> que substituirão os comentários, nessa ordem. Identifique as inserções com “[Visual: …]” e nomeie adequadamente o recurso.

Escreva pelo menos 30 caracteres (0/30).

Passo 6 de 7

Dar acesso à versão com audiodescrição

Crie um link claro para uma versão já preparada com audiodescrição, mantendo o acesso às demais alternativas.

Um link para uma versão pronta

A versão com audiodescrição incorporada é um vídeo previamente produzido: mantém o conteúdo sonoro original e acrescenta a narração das informações visuais essenciais.

Neste exemplo, a página dobradura-com-audiodescricao.html já oferece essa versão de “Dobradura de papel”. Insira o trecho abaixo logo após </video>, fora do reprodutor, para deixar o link visível junto ao vídeo original.

Identifique o vídeo e a alternativa

html
<p>
  <a href="dobradura-com-audiodescricao.html">
    Assistir a Dobradura de papel com audiodescrição
  </a>
</p>

Dica

O destino pode ser uma página com o vídeo ou o próprio arquivo da versão com audiodescrição. Evite rótulos vagos como “Outra versão”: diga qual recurso será encontrado.

Complete o destino do link

Aponte para a versão preparada

Você recebeu duas páginas, na mesma pasta do documento atual:

  • montagem.html: vídeo original de “Montagem da caixa”.
  • montagem-com-audiodescricao.html: versão do mesmo vídeo com audiodescrição incorporada.

O trecho abaixo ficará imediatamente após o reprodutor original. Complete o href com o caminho adequado, sem incluir as aspas:

<p>
  <a href="____">
    Assistir a Montagem da caixa com audiodescrição
  </a>
</p>

O destino precisa cumprir a promessa

Atenção

Marcação não produz narração

Escrever “com audiodescrição” no link ou acrescentar um atributo HTML não cria a narração descritiva. Confirme que o destino oferece a versão preparada do mesmo vídeo, com o conteúdo sonoro original preservado e a descrição incorporada.

Dica

Acrescente acesso, sem retirar alternativas

Ao adicionar esse link, mantenha as legendas e o acesso à transcrição já disponíveis. A existência de uma versão com audiodescrição não torna esses recursos dispensáveis.

Corrija um acesso enganoso

O texto está certo, mas o destino não

Um link próximo ao vídeo diz “Assistir a Montagem da caixa com audiodescrição”, mas abre a versão original, sem descrição. A versão com audiodescrição já está pronta em outra página. O vídeo original também oferece legendas e transcrição.

Qual ajuste resolve o problema sem reduzir o acesso?

Passo 7 de 7

Aplicação final: publicar alternativas complementares

Complete os acessos às alternativas de um áudio e de um vídeo e revise se cada link entrega o conteúdo prometido.

Confira os recursos preparados

Uma página para a oficina

Você vai completar os acessos às alternativas de duas mídias:

  • Áudio “Aviso da oficina”: soa uma campainha e Bia diz: “A oficina começa agora.”
  • Vídeo “Dobrar a folha”: Bia diz: “Faça assim.” Depois, dobra a folha ao meio, alinhando as bordas. A tela mostra “Alinhe as bordas”. Essas informações visuais não são narradas. O vídeo já tem legendas.

Exemplo

Páginas já preparadas

Considere estes arquivos na mesma pasta da página principal:

aviso-transcricao.html
Transcrição do áudio: “[Campainha.] Bia: A oficina começa agora.”

dobra-transcricao-descritiva.html
Transcrição descritiva: “Bia: Faça assim. [Visual: Bia dobra a folha ao meio, alinhando as bordas. Texto na tela: Alinhe as bordas.]”

dobra-audiodescricao.html
Página com a versão do vídeo que mantém o áudio original e acrescenta a narração da dobra e do texto exibido.

Complete os acessos

Três links, destinos diferentes

Complete os três parágrafos da base com links para os recursos preparados. Identifique a alternativa e sua mídia no texto de cada link.

Os reprodutores estão representados por comentários para abreviar o trecho. Na página real, preserve os reprodutores, suas fontes e as legendas.

Base da página

html
<h1>Oficina de papel</h1>

<h2>Áudio: Aviso da oficina</h2>
<!-- Reprodutor de áudio existente. -->
<p>INSIRA O LINK DA TRANSCRIÇÃO DO ÁUDIO</p>

<h2>Vídeo: Dobrar a folha</h2>
<!-- Reprodutor de vídeo existente, com legendas. -->
<p>INSIRA O LINK DA TRANSCRIÇÃO DESCRITIVA</p>
<p>INSIRA O LINK DA VERSÃO COM AUDIODESCRIÇÃO</p>

Sua solução

Escreva apenas os três parágrafos completos, na ordem da base. Depois, explique em uma frase por que a versão com audiodescrição não permite retirar as legendas.

Escreva pelo menos 100 caracteres (0/100).

Revise o conteúdo dos destinos

O link abre, mas entrega o que promete?

Considere esta revisão: a transcrição do áudio preserva a campainha e a fala; a descritiva inclui a dobra e o texto exibido. Porém, o link identificado como “com audiodescrição” abre o vídeo original, sem nenhuma narração visual acrescentada. Qual correção é necessária?

Da preparação à publicação

Resumo

Sua revisão antes de publicar

  • Confira a fidelidade: falas, participantes e sons relevantes; na transcrição descritiva, também os visuais essenciais na sequência correta.
  • Mantenha acessos claros e próximos à mídia e confira se cada destino oferece a alternativa prometida.
  • Preserve os recursos complementares. Audiodescrição, legendas e transcrições não são substitutos universais.
  • Separe as tarefas: preparar e revisar o conteúdo acessível; depois, disponibilizá-lo por HTML. A marcação não produz as alternativas.

Tutorial concluído

Parabéns! Você concluiu: Disponibilizar transcrições e versões com audiodescrição

Você concluiu “Disponibilizar transcrições e versões com audiodescrição”. Use o conteúdo de cada mídia para selecionar alternativas, publicar seus acessos e conferir o que elas realmente oferecem.

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso