Incorporar vídeo sem prejudicar a acessibilidade

O que um leitor de tela ouve

Um vídeo incorporado é um quadro de outro site colocado dentro da sua página. O leitor de tela anuncia o quadro antes que o visitante decida se vai entrar nele. Se o quadro não tem título, o anúncio é a palavra “quadro” e mais nada, ou o endereço do serviço de vídeo. O visitante não consegue saber se é uma mensagem da diretoria ou uma animação de fundo.

A correção é um atributo title no quadro que diga que vídeo é: a palestra principal da assembleia anual, uma visita à nova clínica. As verificações automáticas apontam a ausência dele em todas as páginas, e esse é o apontamento de acessibilidade mais comum nos sites de organizações que verificamos.

As legendas são obrigatórias

Vídeo pré-gravado com fala precisa de legendas pelas WCAG 2.1 no nível AA, a norma de acessibilidade que todo órgão público e a maioria dos financiadores indicam. As legendas automáticas do serviço de vídeo são só um ponto de partida. Elas erram nomes, números e qualquer pessoa com sotaque, e um número errado numa legenda é pior do que nenhuma legenda.

Reserve orçamento para legendas corrigidas. O serviço de vídeo permite editar o texto automático ali mesmo, e corrigir um vídeo de dez minutos leva cerca de meia hora. As legendas também tornam o vídeo pesquisável e permitem assistir sem som, que é como a maioria das pessoas assiste no celular.

Nada toca sozinho

Um som que começa sozinho encobre o áudio de que depende quem usa leitor de tela, e incomoda todo mundo. A norma é clara: nenhum áudio que toque automaticamente por mais de três segundos sem um controle para pará-lo. Deixe a reprodução automática desligada. Se uma página precisa de um fundo em movimento, mantenha-o sem som, curto e fácil de parar.

Uma transcrição, ou pelo menos um resumo

Alguns visitantes não conseguem usar o vídeo de jeito nenhum: alguém com uma conexão lenta, alguém cuja rede do escritório bloqueia o serviço de vídeo, um visitante surdocego com um display braille. Uma transcrição abaixo do vídeo funciona para eles, e também é texto que os buscadores podem indexar. Quando não há transcrição completa, um resumo de dois parágrafos é o mínimo aceitável.

Como fazer no WordPress

O bloco de incorporação padrão recebe um link e não oferece nenhum campo para o título do quadro. A forma confiável é um bloco de HTML personalizado com o código de incorporação do serviço de vídeo, editado à mão.

O mesmo trecho resolve outros dois problemas. O atributo lazy impede que o player de vídeo carregue antes que o visitante role até perto dele, para que um player pesado não atrase a primeira exibição da página. O endereço de privacidade do serviço, quando ele oferece um, impede que ele grave cookies até que o visitante clique em reproduzir. Isso importa para o aviso de privacidade do seu próprio site.

<iframe
  src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
  title="2026 annual meeting: the executive director's report"
  loading="lazy"
  allow="picture-in-picture"
  allowfullscreen>
</iframe>

Dê ao quadro uma largura e uma altura nos estilos da página, para que ele reserve o seu espaço antes de carregar. Caso contrário, a página pula quando o player chega, que é o assunto de uma parte anterior desta série.

O que a auditoria gratuita detecta

A auditoria gratuita verifica a sua página inicial com as mesmas regras automáticas de acessibilidade pelas quais um avaliador de conformidade começa. Ela aponta pelo nome um quadro sem título e aponta a reprodução automática quando o player a declara. Nenhuma máquina consegue verificar legendas ou transcrições, então essas duas ficam para você conferir à mão.