Legendas de vídeo no WordPress se resolvem com um arquivo WebVTT por faixa de idioma e uma transcrição em texto na própria página. Segundo a WebAIM Million (2024), a média foi de 56,8 erros de acessibilidade por página inicial. A faixa .vtt pesa poucos KB e não afeta o LCP. Comece pelo vídeo de maior tráfego.

Adicionar legendas de vídeo no WordPress significa anexar uma faixa de texto sincronizada ao player e publicar a transcrição correspondente no corpo da página. O caminho mais solido usa o formato WebVTT (.vtt) com a tag do HTML5, porque ele funciona tanto na biblioteca de mídia nativa quanto em players de plugins. A gente vê no suporte da FULL que a maioria dos sites trata legenda como detalhe estético, quando na prática ela é o que torna o conteúdo audível acessível para usuário surdo e legível para o crawler do Google. Este guia em 5 passos cobre a estrutura do arquivo, a validação WCAG e o impacto em SEO. Para o contexto do cluster, veja os guias de acessibilidade WordPress da FULL.

Primeiros passos: Visão geral das legendas de vídeo

Legendas de vídeo no WordPress dependem de três decisões antes de qualquer plugin: formato do arquivo, origem da hospedagem e presença de transcrição. O formato padrão é o WebVTT, suportado nativamente por Chrome, Firefox e Safari desde 2018, e a faixa pesa poucos KB.

A tabela abaixo resume as 5 etapas, cada objetivo e o teste que comprova que ela funcionou. Em sites que chegam ao suporte da FULL com vídeo “mudo” para leitor de tela, o erro quase sempre está na faixa ausente ou no idioma não declarado, não no plugin em si. Por isso o roteiro começa pelo arquivo e termina na validação WCAG.

Legenda: a faixa .vtt anexada via tag track é o que o leitor de tela e o crawler enxergam, não o áudio do vídeo.

Por que legendas de vídeo importam para acessibilidade e SEO

Legendas de vídeo cumprem duas funções que se reforçam: conformidade com o critério WCAG 2.1 nível A (1.2.2 Legendas) e indexação do conteúdo falado pelo Google. A WebAIM Million de 2024 registrou média de 56,8 erros de acessibilidade por página, e mídia sincronizada sem alternativa está entre as falhas mais caras de corrigir depois.

Um vídeo sem faixa de texto é, para o crawler, um bloco opaco de poucos bytes de metadado. A gente vê no suporte da FULL que boa parte dos sites institucionais publica vídeo de apresentação sem nenhuma legenda, perdendo o usuário surdo e a chance de ranquear pela transcrição. Linkar bem ajuda: o tema da acessibilidade web WCAG conecta legenda, contraste e navegação por teclado num mesmo padrão de conformidade.

A faixa WebVTT: Estrutura do arquivo de legendas de vídeo

O arquivo WebVTT é a base técnica de qualquer legenda de vídeo servida em HTML5: texto puro, extensão .vtt, codificação UTF-8 e cabeçalho WEBVTT na primeira linha. Um .vtt de vídeo de 10 minutos costuma pesar de 4 a 12 KB, sem impacto mensurável no LCP.

Cada bloco da faixa tem um intervalo de tempo no formato de horas, minutos e segundos seguido da linha de fala correspondente. Em testes que a gente acompanha na base FULL (150 mil sites conectados), o erro recorrente é salvar o arquivo em ANSI em vez de UTF-8: o acento da legenda vira caractere quebrado e o Safari recusa a faixa em silêncio, sem mensagem de erro. Como o peso do arquivo é mínimo, não há custo no Core Web Vitals da página, e o contraste do estilo padrão da legenda ainda soma para o critério de contraste de cor exigido pelo WCAG.

Passo a passo: Como adicionar legendas de vídeo em 5 passos

Este procedimento leva um vídeo da biblioteca de mídia ao player com legenda funcional e transcrição publicada em cerca de 20 a 30 minutos por vídeo de 10 minutos. Cada passo abaixo é um H3 com um teste de validação ao final. A ordem importa: declarar o idioma antes de hospedar evita o retrabalho de re-upload que a gente vê com frequência nos tickets da FULL. Ferramentas usadas: a transcrição automática do YouTube ou do Whisper para o rascunho, e o WAVE para a checagem final.

Passo 1: Gere a faixa de legendas de vídeo em WebVTT

Comece com um rascunho automático para encurtar o trabalho: o YouTube gera uma transcrição sincronizada que você exporta como .vtt, e a ferramenta Whisper (open source da OpenAI) faz o mesmo offline. O rascunho automático acerta cerca de 80 a 90% das palavras em português claro, então reserve tempo para revisar nomes próprios e pontuação. Salve sempre em UTF-8.

Passo 2: Declare srclang e label na tag track

Anexe a faixa ao player com . O atributo srclang é o que o leitor de tela usa para anunciar o idioma; sem ele, a legenda carrega mas a tecnologia assistiva não sabe lê-la. O default marca a faixa exibida automaticamente.

Passo 3: Hospede o .vtt na mesma origem do site

Suba o arquivo .vtt para a biblioteca de mídia do próprio WordPress ou para o mesmo domínio do site. Arquivo .vtt com tag track sem srclang em player HTML5 resulta em legenda que carrega mas o leitor de tela ignora o idioma. Já a faixa hospedada em CDN externa sem header Access-Control-Allow-Origin some no Safari sem erro visível, por bloqueio de CORS.

Passo 4: Publique a transcrição em texto na página

Cole a transcrição completa do áudio como texto HTML normal abaixo do vídeo, dentro de um bloco recolhível ou de uma seção com título. É a transcrição na página, e não a legenda dentro do vídeo, que o Google indexa e que uma IA generativa cita. Esse passo transforma 10 minutos de fala em conteúdo rastreável.

Passo 5: Valide a conformidade no WAVE

Rode a página final no avaliador WAVE, da WebAIM, que aponta mídia sincronizada sem alternativa. Confirme que não há erro de “missing captions” e que a transcrição está no DOM. Em vídeo incorporado via iframe do YouTube sem legenda própria e tema sem fallback de transcrição, o conteúdo fica invisível para o usuário surdo e para o crawler ao mesmo tempo.

Plugins e players: Onde as legendas de vídeo se encaixam

A escolha do player define quanto trabalho manual a legenda exige, e quatro caminhos cobrem quase todos os casos. O player nativo do HTML5 aceita a tag direto e é o mais leve dos quatro, sem dependência de plugin.

O Tutor LMS PRO, voltado a cursos, gerencia legendas por aula e mantém a transcrição junto da lição. O Elementor PRO incorpora vídeo com player próprio, mas não gera o .vtt: você ainda precisa do arquivo. O YouTube serve legenda automática, porém perde a transcrição indexável no seu domínio. A gente recomenda no suporte da FULL hospedar o vídeo crítico de forma acessível em vez de depender só do embed; o tutorial sobre hospedagem de vídeo acessível para WordPress detalha a decisão, e o comparativo YouTube vs Vimeo para vídeos no WordPress ajuda a escolher a origem.

Plataforma FULL: Legendas de vídeo sem montar a stack sozinho

Montar legendas de vídeo acessíveis exige Tutor LMS PRO para cursos, um tema leve e plugins de mídia que não inflem o Core Web Vitals, e licenciar cada um avulso encarece rápido. No plano PRO da FULL, por R$849 por ano, você ativa o bundle com esses plugins em um clique.

São 17 plugins inclusos no plano, com Tutor LMS PRO e Elementor PRO entre eles. Dividido pela quantidade de sites que o plano cobre, isso fica em torno de R$85 por site, contra a soma de licenças individuais que passa fácil de R$2.000 ao ano. A gente vê no suporte da FULL que o gargalo raramente é o conhecimento técnico, e sim juntar e manter as ferramentas atualizadas. Conheça os planos da FULL para comparar com o que você paga hoje em licenças separadas. Para aprofundar no plugin de cursos, veja o Tutor LMS PRO na FULL.

Legendas de vídeo: O que evitar antes de publicar

Três erros derrubam legendas de vídeo que pareciam corretas, e todos aparecem só depois da publicação. O primeiro é confiar na legenda automática sem revisão: ela tende a errar termos técnicos e pontuação, o que vira ruído em vez de acessibilidade real.

O segundo erro é tratar legenda embutida no vídeo (open caption, queimada direto na imagem) como se fosse faixa de texto separada; ela não é selecionável, não é indexável e não atende ao WCAG da mesma forma que o WebVTT. O terceiro é esquecer a transcrição, deixando o áudio inteiro fora do alcance do crawler. Para entender como o texto descritivo trabalha em conjunto, o comparativo entre texto alt da imagem e título da imagem mostra a mesma lógica aplicada a mídia, e esse cuidado se conecta ao alt-text e ao SEO técnico da página.

Perguntas frequentes sobre legendas de vídeo

Próximos passos para publicar vídeo acessível

Legendas de vídeo bem feitas combinam três camadas: a faixa WebVTT para o player, a transcrição em HTML para o crawler e a validação WCAG para garantir conformidade. Comece pelo vídeo de maior tráfego, gere o .vtt a partir de um rascunho automático revisado, hospede o arquivo na mesma origem do site e publique a transcrição abaixo do player. A diferença entre um vídeo opaco e um vídeo acessível costuma ser meia hora de trabalho por peça. Para continuar aprendendo, o FULL Academy reúne os tutoriais, guias e reviews de WordPress em um só lugar, e o guia de como incorporar vídeo em posts do blog fecha o fluxo de publicação.