Legendas de vídeo e acessibilidade (WCAG 1.2): implementação prática

Por que as legendas de vídeo são muito mais do que um «extra»?

Pense na última vez que você assistiu a um vídeo no metrô, numa sala de espera ou na cama às duas da manhã com alguém dormindo ao seu lado. O que você fez? Ativou as legendas. Agora imagine que você é uma pessoa surda ou com deficiência auditiva e que essa não é uma opção de conveniência, mas a sua única via de acesso ao conteúdo. Essa é a diferença entre conforto e direito fundamental.

Segundo a Organização Mundial da Saúde (OMS), mais de 1,5 bilhão de pessoas no mundo vivem com algum grau de perda auditiva, e prevê-se que até 2050 esse número ultrapasse os 2,5 bilhões. No Brasil, aproximadamente 10 milhões de pessoas têm deficiência auditiva. As legendas não são um luxo: são uma necessidade.

Pessoalmente, acredito que o maior erro que nós, profissionais de desenvolvimento web, cometemos é pensar nas legendas como algo «que vamos fazer depois». Esse «depois» nunca chega, e enquanto isso, estamos excluindo milhões de pessoas.

WCAG 1.2: os critérios de conformidade para mídia temporizada

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG), publicadas pelo W3C através da Web Accessibility Initiative (WAI), dedicam todo o critério 1.2 à mídia temporizada: áudio, vídeo e multimídia. Vamos detalhar para que você não se perca.

Detalhamento dos subcritérios SC 1.2.x

Se o seu objetivo é cumprir o nível AA — que é o que exigem a Diretiva 2019/882 e a EN 301 549 na Europa, e a Lei Brasileira de Inclusão (LBI) no Brasil —, você precisa no mínimo dos critérios 1.2.1 a 1.2.5. Parece muito? Respire fundo, vamos passo a passo.

Legendas vs. captions vs. closed captions: vamos esclarecer a confusão

Existe uma confusão permanente aqui que convém resolver de uma vez. Em português, usamos «legendas» para quase tudo, mas em inglês existem nuances importantes:

• Subtitles: tradução do diálogo para outro idioma. Não incluem sons ambientais nem identificação do falante.
• Captions (closed captions / CC): transcrição completa do áudio, incluindo efeitos sonoros, música e identificação de quem fala. Pensados para pessoas surdas ou com dificuldades auditivas.
• Open captions: estão embutidas no vídeo (não podem ser desativadas).
• Closed captions: vêm num arquivo separado (WebVTT, SRT) e o usuário pode ativá-las ou desativá-las.

Quando as WCAG falam de «captions» no SC 1.2.2 e SC 1.2.4, referem-se a closed captions: a transcrição completa do áudio, sincronizada com o vídeo. Por que closed e não open? Porque o usuário deve poder escolher se as ativa ou não.

Formatos de legendas: WebVTT, SRT e além

Nem todos os formatos de legendas são iguais. Cada um tem as suas vantagens e o seu contexto de uso.

Para a web, WebVTT é o padrão recomendado pelo W3C e o único formato suportado nativamente pelo elemento <track> do HTML5. A minha recomendação é clara: use WebVTT para o seu site e exporte para SRT apenas se precisar de compatibilidade com plataformas externas como o YouTube.

Ferramentas profissionais para criar legendas acessíveis

Você não precisa transcrever tudo manualmente. Existem ferramentas poderosas que combinam inteligência artificial com revisão humana.

Comparação de ferramentas de legendagem

Pessoalmente, o meu fluxo de trabalho favorito é: gerar um primeiro rascunho com a IA do YouTube ou com o Otter.ai, exportar o arquivo SRT, importá-lo no Amara para edição colaborativa e depois convertê-lo em WebVTT para o site. Perfeito? Não. Eficiente? Muito.

Audiodescrição: o grande esquecido da acessibilidade em vídeo

As legendas cobrem a parte auditiva, mas e a informação visual? Um gráfico que aparece na tela, um gesto significativo, uma mudança de cena: tudo isso se perde para uma pessoa cega ou com baixa visão se não existir audiodescrição.

A audiodescrição (SC 1.2.3 e SC 1.2.5) consiste numa faixa de áudio adicional que descreve os elementos visuais relevantes durante as pausas naturais do diálogo. É como ter um narrador que conta o que está acontecendo na tela.

É obrigatória? Para o nível AA, sim: o SC 1.2.5 exige audiodescrição para vídeo pré-gravado. Para o nível A, você pode optar por uma alternativa textual completa. Mas sejamos sinceros: a audiodescrição oferece uma experiência infinitamente superior.

Dicas práticas para criar audiodescrição

• Planeje a audiodescrição desde a pré-produção: deixe pausas naturais no roteiro para inserir descrições.
• Descreva apenas o relevante: não narre cada detalhe, concentre-se no que fornece informação essencial.
• Use um tom neutro e objetivo: a audiodescrição informa, não interpreta.
• Contrate profissionais ou treine a sua equipe: a audiodescrição é uma habilidade específica que requer prática.

Implementação técnica: o elemento <track> no HTML5

Implementar legendas no seu site é mais simples do que você imagina. O elemento <track> dentro de <video> é o seu melhor aliado.

Dentro da sua tag <video>, você adiciona um ou mais elementos <track> com os atributos: src (caminho para o arquivo .vtt), kind (captions para legendas, descriptions para audiodescrição), srclang (código do idioma) e label (nome que o usuário verá). O atributo «default» indica qual faixa é ativada por padrão.

Pontos-chave que você não pode ignorar: certifique-se de que o arquivo WebVTT esteja corretamente codificado em UTF-8, que os tempos de sincronização sejam precisos (± 0,5 segundos no máximo) e que identifique os falantes quando há mais de uma pessoa.

Contraste de cor nas legendas: a conexão com WCAG 1.4.3 e 1.4.6

Você sabia que as legendas também devem cumprir com os critérios de contraste de cor? O SC 1.4.3 (nível AA) exige uma proporção de contraste mínima de 4.5:1 para texto normal, e o SC 1.4.6 (nível AAA, contraste aprimorado) eleva essa exigência para 7:1.

Para legendas sobre vídeo, isso significa: texto branco sobre fundo preto semitransparente (ou vice-versa). Evite legendas sem fundo sobre imagens claras, pois ficam ilegíveis. Plataformas como YouTube e Netflix já aplicam fundos escuros por padrão; você deveria fazer o mesmo no seu player personalizado.