WCAG 1.2.8: Alternativa em Mídia (Pré-gravada)

O que Esta Regra Significa

WCAG 1.2.8 — Alternativa em Mídia (Pré-gravada) é um critério de sucesso de Nível AAA sob a Diretriz 1.2 (Mídia Baseada em Tempo). Ele exige que seja fornecida uma alternativa em texto completa para toda mídia sincronizada pré-gravada (conteúdo que contém faixas de áudio e vídeo) e para conteúdo de vídeo pré-gravado sem áudio. A alternativa em texto deve transmitir todas as informações apresentadas na mídia, seja essa informação entregue pela faixa de áudio, pela faixa visual ou por ambas juntas.

A característica distintiva deste critério em comparação com requisitos de nível inferior, como 1.2.3 (Audiodescrição ou Alternativa em Mídia, Nível A), é a precisão e a completude. Enquanto 1.2.3 permite fornecer uma audiodescrição ou uma alternativa em texto, 1.2.8 exige um documento em texto que se sustente totalmente por si só como substituto da mídia. Uma pessoa que não consegue acessar o vídeo ou o áudio de forma alguma — seja devido a deficiência, limitações do dispositivo ou conectividade — deve ser capaz de ler a alternativa em texto e obter uma compreensão equivalente do conteúdo, incluindo todos os diálogos falados, ações descritas, texto na tela e qualquer outra informação transmitida visual ou auditivamente.

Em termos práticos, isso significa que a alternativa em texto é mais detalhada do que uma transcrição padrão. Ela deve descrever o que está acontecendo visualmente com o mesmo nível de detalhe que uma audiodescrição completa forneceria, além de incluir o diálogo completo, literal ou quase literal, e quaisquer outros sinais de áudio (como tom da música, efeitos sonoros ou identificação de locutor) que sejam significativos para a compreensão. Pense nisso como um roteiro ou script detalhado que alguém poderia ler e entender completamente o conteúdo sem nunca apertar o botão de reproduzir.

O que conta como aprovação: Um link claramente rotulado ou um bloco de texto incorporado adjacente ao reprodutor de mídia que contenha a alternativa em texto completa. A alternativa deve ser fácil de encontrar, legível por máquina e cobrir 100% do conteúdo informacional da mídia. Ela pode ser fornecida na mesma página ou em uma página vinculada.

O que conta como reprovação: Fornecer apenas um resumo, uma transcrição parcial que omite descrições visuais, apenas legendas (que não são uma alternativa em texto completa) ou apenas uma faixa de audiodescrição. Esconder o link para a alternativa em texto de forma que seja difícil de descobrir também constitui falha.

Exceções oficiais: O critério explicitamente não se aplica a mídias que são, elas mesmas, uma alternativa em mídia para texto — isto é, se um vídeo foi criado especificamente para apresentar informações que já existem como texto na página, e está claramente rotulado como tal, ele é isento. Além disso, mídia ao vivo não é coberta por este critério; 1.2.8 se aplica apenas a conteúdo pré-gravado.

Por Que Isso Importa

As populações mais diretamente atendidas por este critério são pessoas surdocegas — indivíduos que apresentam simultaneamente perda auditiva significativa e perda visual significativa. Para esses usuários, nem legendas nem audiodescrições são acessíveis. Eles dependem de linhas braille ou leitores de tela que convertem texto em saída braille atualizável, e somente uma alternativa em texto completa pode entregar todo o conteúdo de um vídeo por esse canal. Esta é a motivação principal para 1.2.8 existir como um critério distinto e de nível mais alto, em vez de ser absorvido em requisitos anteriores.

Além de usuários surdocegos, alternativas em texto completas beneficiam uma população mais ampla. Pessoas com deficiências cognitivas ou de aprendizagem muitas vezes acham mais fácil processar informações em seu próprio ritmo por meio de texto, em vez de por meio de mídia baseada em tempo. Uma pessoa com dificuldades de atenção pode precisar reler uma seção específica várias vezes sem ter que procurar em um vídeo. Pessoas com deficiências motoras que consideram difícil operar controles de reprodutores de vídeo ganham um documento em texto totalmente navegável. Usuários em ambientes de baixa largura de banda — uma preocupação significativa em mercados emergentes, incluindo partes da Turquia — podem acessar informações sem precisar carregar um arquivo de vídeo.

Considere este cenário do mundo real: uma estudante surdocega usando uma linha braille está matriculada em um curso universitário online. O curso apresenta um vídeo de aula pré-gravado. Sem uma alternativa em texto completa, essa estudante não pode participar de forma equitativa, independentemente de quão sofisticado seja o reprodutor de vídeo. Com uma alternativa em texto abrangente cobrindo o conteúdo falado pelo professor, descrições de diagramas no quadro e identificação de referências visuais citadas durante a aula, a estudante pode acessar o mesmo conteúdo educacional que colegas videntes e ouvintes.

De acordo com a Organização Mundial da Saúde, aproximadamente 2,2 bilhões de pessoas no mundo têm algum tipo de deficiência visual, e a OMS estima que pelo menos 1 bilhão desses casos são evitáveis ou não tratados. A surdocegueira, embora menos prevalente, afeta milhões globalmente e impacta desproporcionalmente pessoas idosas, à medida que perdas auditivas e visuais relacionadas à idade se somam. Na Turquia, o Instituto Estatístico Turco (TÜİK) relata que mais de 6 milhões de cidadãos têm algum tipo de deficiência, destacando a real dimensão doméstica dessa necessidade.

Do ponto de vista de SEO e descobribilidade, uma alternativa em texto detalhada é totalmente indexável por mecanismos de busca, melhorando substancialmente o alcance orgânico de conteúdo em vídeo. Rastreadores de busca não conseguem analisar fluxos de áudio ou vídeo, portanto alternativas em texto fornecem a única rota para que esse conteúdo apareça em resultados de busca relevantes por palavra-chave.

Regras Relacionadas do Axe-core

WCAG 1.2.8 exige testes manuais. Não há nenhuma regra automatizada do axe-core que mapeie diretamente para este critério. A razão pela qual ferramentas automatizadas não podem avaliar a conformidade de forma confiável é fundamental: determinar se existe uma alternativa em texto, se é fácil de encontrar e se é completa e precisa exige julgamento humano sobre o conteúdo tanto da mídia quanto do texto de acompanhamento. Uma ferramenta automatizada pode detectar a presença de um elemento de vídeo e sinalizá-lo para revisão, mas não pode assistir ao vídeo, ler a alternativa em texto e comparar os dois quanto à equivalência.

• Revisão manual — descoberta de elementos de vídeo: Axe-core e Lighthouse podem identificar elementos <video> e incorporações <iframe> em uma página e sinalizá-los como exigindo revisão manual de acessibilidade. Ao executar uma varredura com axe, qualquer elemento de mídia detectado que não tenha atributos de acessibilidade detectáveis por máquina pode aparecer em categorias de boas práticas ou de necessidade de revisão, mas a ferramenta indicará explicitamente que uma pessoa deve verificar se foi fornecida uma alternativa em texto suficiente e se ela é completa.
• Revisão manual — verificação de link e associação: Uma pessoa testadora deve verificar se o link ou seção que aponta para a alternativa em texto está associado programaticamente à mídia, claramente rotulado (por exemplo, usando aria-describedby ou um rótulo visível adjacente) e se o documento de destino realmente contém uma alternativa completa em vez de um resumo parcial. Nenhuma ferramenta automatizada pode fazer essa determinação de forma confiável.
• Revisão manual — auditoria de equivalência de conteúdo: A verificação mais crítica — se a alternativa em texto realmente cobre todos os diálogos, todas as descrições visuais, todo o texto na tela e todos os sinais de áudio significativos — é inteiramente uma tarefa humana. Pessoas testadoras devem reproduzir o vídeo na íntegra enquanto leem simultaneamente a alternativa em texto, comparando-os seção por seção. É por isso que organizações que conduzem auditorias de Nível AAA normalmente dedicam tempo significativo às revisões de conformidade com 1.2.8.

Como Testar

1. Base de varredura automatizada: Execute axe DevTools ou Google Lighthouse na página que contém o vídeo. Observe quaisquer elementos de mídia sinalizados. O axe não confirmará a conformidade com 1.2.8, mas destacará quaisquer indicadores estruturais obviamente ausentes (como elementos track ausentes) que também possam indicar problemas mais amplos de acessibilidade de mídia. Registre todos os elementos de vídeo e áudio encontrados para acompanhamento manual.
2. Localizar a alternativa em texto: Inspecione manualmente a página ao redor de cada elemento de vídeo. Procure um link visível rotulado como “Transcrição”, “Alternativa em texto completa” ou “Roteiro da mídia”. Verifique se o link é acessível por teclado pressionando Tab para navegar até ele sem usar o mouse. Se a alternativa estiver incorporada na própria página, verifique se está visível e não escondida atrás de um acordeão recolhido ou aba que exija interação em JavaScript para ser revelada.
3. Verificação com leitor de tela usando NVDA e Firefox: Abra a página no Firefox com o NVDA ativo. Navegue até o elemento de vídeo usando o cursor virtual. Verifique se o NVDA anuncia a presença de um link ou seção rotulada apontando para a alternativa em texto. Ative o link e confirme se o NVDA consegue ler o documento de alternativa em texto completo sem que nenhum conteúdo fique inacessível.
4. Simulação de linha braille: Se uma linha braille ou emulador de linha braille estiver disponível, navegue até a alternativa em texto e confirme se o conteúdo é renderizado corretamente em forma de texto linear, sem informações significativas presas em imagens ou outros formatos não textuais dentro do documento de alternativa.
5. VoiceOver e Safari no macOS: Use o VoiceOver (Command + F5) com o Safari. Navegue usando VO + Seta para a direita para percorrer a página. Confirme se o link ou botão que leva à alternativa em texto é anunciado claramente, se o rótulo é descritivo e se ativá-lo leva você a um documento em texto totalmente legível.
6. JAWS e Chrome: Abra a página no Chrome com o JAWS em execução. Use o cursor virtual do JAWS para navegar até a região do vídeo. Verifique se o JAWS anuncia links de alternativas em texto associados. Ative o link e leia o documento de alternativa, confirmando se todo o conteúdo está presente e em ordem lógica de leitura.
7. Auditoria de completude do conteúdo: Reproduza o vídeo do início ao fim. Enquanto assiste, verifique a alternativa em texto em paralelo. Confirme se cada linha de diálogo está presente, se cada elemento visual significativo (diagramas, texto na tela, ações, expressões faciais críticas para o significado) está descrito e se o fluxo narrativo do texto corresponde à mídia. Sinalize quaisquer lacunas, omissões ou trechos em que a alternativa em texto diga menos do que o vídeo mostra ou fala.
8. Acessibilidade do próprio documento de alternativa: Se a alternativa em texto estiver em uma página separada, execute uma varredura com axe nessa página e confirme se ela atende, no mínimo, ao Nível AA da WCAG — a alternativa em texto deve ser, ela mesma, acessível, com estrutura adequada de cabeçalhos, contraste de cor suficiente e nenhum conteúdo não textual sem suas próprias alternativas.

Como Corrigir

Cenário 1: Vídeo sem alternativa em texto — Incorreto

<!-- Video embedded with no accompanying text alternative -->
<video controls width='800'>
  <source src='product-demo.mp4' type='video/mp4'>
  <track kind='captions' src='captions-en.vtt' srclang='en' label='English'>
</video>
<p>Watch our product demonstration above.</p>

Cenário 1: Vídeo com alternativa em texto completa vinculada — Correto

<!-- Video with a clearly labeled link to a full text alternative -->
<figure>
  <video controls width='800' aria-describedby='demo-description'>
    <source src='product-demo.mp4' type='video/mp4'>
    <track kind='captions' src='captions-en.vtt' srclang='en' label='English'>
  </video>
  <figcaption id='demo-description'>
    Product demonstration video (5 minutes).
    <a href='product-demo-transcript.html'>
      Full text alternative for this video
    </a>
  </figcaption>
</figure>
<!-- The linked page must contain complete dialogue and visual descriptions -->

Cenário 2: Transcrição parcial fornecida em vez de alternativa em texto completa — Incorreto

<!-- Only a summary paragraph is provided, not a complete text alternative -->
<video controls width='800'>
  <source src='annual-report-video.mp4' type='video/mp4'>
</video>
<p>
  <strong>Summary:</strong> In this video, our CEO discusses the company's
  financial highlights for the year, including revenue growth and
  expansion plans.
</p>
<!-- FAIL: A summary does not constitute a full text alternative.
     All dialogue, chart data shown visually, and speaker descriptions
     must be included. -->

Cenário 2: Alternativa em texto completa com descrições visuais — Correto

<video controls width='800' aria-describedby='report-alt-link'>
  <source src='annual-report-video.mp4' type='video/mp4'>
  <track kind='captions' src='captions-en.vtt' srclang='en' label='English'>
</video>
<p id='report-alt-link'>
  <a href='annual-report-full-text-alternative.html'>
    Full text alternative: Annual Report Video — includes complete
    dialogue, descriptions of all charts and graphs, and speaker
    identification
  </a>
</p>
<!-- The linked document includes:
     - Verbatim dialogue with speaker labels
     - Descriptions of each slide and chart shown on screen
     - On-screen numerical data read out as text
     - Descriptions of setting, speaker appearance if relevant to content -->

Cenário 3: Alternativa em texto incorporada inline — Abordagem correta para vídeos mais curtos

<section aria-labelledby='tutorial-heading'>
  <h2 id='tutorial-heading'>Accessibility Settings Tutorial</h2>
  <video controls width='800'>
    <source src='settings-tutorial.mp4' type='video/mp4'>
    <track kind='captions' src='captions-en.vtt' srclang='en' label='English'>
  </video>

  <details>
    <summary>Full text alternative for Accessibility Settings Tutorial video</summary>
    <div>
      <p>
        <strong>[00:00 — 00:08]</strong> The screen shows the Accsible widget
        panel open on a sample website. A cursor moves to the Settings icon
        in the top-right corner of the panel.
      </p>
      <p>
        <strong>Narrator:</strong> "Welcome to the Accsible accessibility
        settings tutorial. Today we will walk through each option available
        in the widget panel."
      </p>
      <p>
        <strong>[00:09 — 00:22]</strong> The Settings panel expands to reveal
        five toggle switches labeled: High Contrast, Large Text, Reduced Motion,
        Screen Reader Mode, and Keyboard Navigation. Each toggle is currently
        in the off position.
      </p>
      <!-- Continue for full duration of video -->
    </div>
  </details>
</section>
<!-- Using <details>/<summary> keeps the page clean while ensuring
     the full alternative is on the same page and keyboard accessible -->

Erros Comuns

• Fornecer legendas como alternativa em texto: Legendas sincronizam o diálogo com o tempo do vídeo, mas normalmente omitem descrições visuais. Elas não satisfazem 1.2.8, que exige um documento em texto independente cobrindo tanto o conteúdo de áudio quanto o visual.
• Fornecer uma faixa de audiodescrição em vez de uma alternativa em texto: Uma audiodescrição narrada no vídeo é benéfica, mas não é uma alternativa baseada em texto. Usuários que dependem de linhas braille ou que não conseguem acessar áudio não podem usar uma faixa de audiodescrição para atender às suas necessidades.
• Escrever um resumo em vez de uma alternativa completa: Resumir os pontos principais de um vídeo não é equivalente a fornecer uma alternativa em texto completa. Cada informação transmitida na mídia — incluindo dados específicos mostrados na tela, turnos individuais de fala e detalhes visuais incidentais, porém significativos — deve aparecer no texto.
• Esconder o link da alternativa em texto em um local não óbvio: Colocar o link em um rodapé, dentro de um acordeão recolhido sem indicador visível ou atrás de um botão “Mais informações” que não faz referência clara à alternativa em texto do vídeo dificulta a descoberta e pode falhar no critério, mesmo que o documento em si seja completo.
• Usar um rótulo de link não descritivo, como “Clique aqui” ou “Transcrição”: Se vários vídeos estiverem na mesma página, rótulos genéricos impedem que usuários que navegam por links (um comportamento comum de leitores de tela) entendam qual transcrição pertence a qual vídeo. Os rótulos devem fazer referência ao título do vídeo.
• Omitir identificação de locutor em vídeos com muito diálogo: Quando várias pessoas falam em um vídeo, a alternativa em texto deve identificar claramente cada locutor antes de suas falas. Deixar de fazer isso torna a alternativa confusa para usuários que não podem ver quem está falando.
• Deixar de descrever texto e gráficos na tela: Gráficos, diagramas, slides, legendas incorporadas ao vídeo e sobreposições de texto na tela devem ser todos reproduzidos ou descritos na alternativa em texto. Muitas equipes focam apenas na faixa de áudio e ignoram completamente essa camada visual.
• Tornar o próprio documento de alternativa em texto inacessível: Publicar a alternativa em texto como um PDF sem marcação, uma imagem escaneada de um roteiro ou uma página HTML com estrutura ruim de cabeçalhos e texto alternativo ausente cria uma barreira secundária de acessibilidade. A alternativa deve, ela mesma, estar em conformidade com os padrões de acessibilidade.
• Não atualizar a alternativa em texto quando o vídeo é atualizado: Quando um vídeo é reeditado, dublado em um novo idioma ou tem conteúdo revisado, a alternativa em texto deve ser atualizada em sincronia. Alternativas em texto desatualizadas que não correspondem mais ao vídeo atual falham no critério.
• Presumir que legendas mais audiodescrição juntas equivalem a uma alternativa em texto: Mesmo combinando ambas as faixas, isso não produz automaticamente uma alternativa em texto em conformidade, porque nenhum dos formatos é um documento em texto facilmente acessível que possa ser enviado a uma linha braille ou lido de forma independente sem a interface do reprodutor de mídia.

Relação com os Regulamentos de Acessibilidade da Turquia

A Circular Presidencial 2025/10 da Turquia, publicada no Diário Oficial nº 32933 em 21 de junho de 2025, estabelece obrigações obrigatórias de acessibilidade digital para uma ampla gama de entidades que operam na Turquia. A circular adota a WCAG 2.2 como seu padrão técnico de referência, o que significa que toda a estrutura da WCAG — incluindo a estrutura dos Níveis A, AA e AAA — forma a base das expectativas de conformidade sob a lei turca.

Os tipos de entidades expressamente cobertos pela circular incluem instituições públicas e órgãos governamentais, plataformas de e-commerce, bancos e instituições financeiras, hospitais e prestadores de serviços de saúde, operadoras de telecomunicações com 200.000 ou mais assinantes, agências de viagens, empresas de transporte privado e escolas privadas autorizadas pelo Ministério da Educação Nacional (MoNE). Para essas organizações, atender aos Níveis A e AA é o piso legal estabelecido para conformidade.

WCAG 1.2.8 é um critério de Nível AAA, o que significa que ele não é legalmente exigido sob o texto atual da Circular Presidencial 2025/10 para a conformidade padrão. No entanto, sua relevância para o cenário regulatório turco não deve ser descartada. Organizações que fornecem serviços especializados a usuários com deficiência — por exemplo, portais de saúde que atendem pacientes com deficiências sensoriais combinadas ou plataformas educacionais afiliadas ao MoNE que atendem estudantes com surdocegueira — podem enfrentar orientações setoriais específicas ou requisitos de contratação pública que, na prática, elevem o padrão esperado.

Além disso, a circular sinaliza a direção da Turquia em relação a uma inclusão digital mais ampla. Demonstrar conformidade com o Nível AAA em critérios como 1.2.8 posiciona as organizações como líderes em acessibilidade, reduz o risco jurídico à medida que os regulamentos evoluem e apoia o alinhamento da Turquia com diretivas de acessibilidade da UE — uma consideração relevante para qualquer organização turca que comercialize com ou opere em mercados europeus, onde normas como a EN 301 549 fazem referência à WCAG AAA em determinados contextos.

Para instituições públicas em particular, implementar proativamente alternativas em texto completas para mídia pré-gravada reflete o espírito do compromisso declarado na circular com o acesso equitativo. A Turquia abriga uma população idosa significativa e crescente, e a surdocegueira relacionada à idade é uma necessidade de acessibilidade previsível para muitos serviços digitais governamentais. Incorporar práticas de Nível AAA agora, especialmente para conteúdo rico em mídia, como anúncios de saúde pública, gravações de sessões legislativas ou arquivos de transmissões educacionais, é um passo tanto prático quanto ético.

Organizações que usam o SDK do widget Accsible devem tratar a conformidade com 1.2.8 como uma responsabilidade da camada de conteúdo: o widget pode facilitar a apresentação acessível, mas as alternativas em texto completas devem ser redigidas e mantidas pelas equipes de conteúdo. Construir fluxos editoriais que exijam uma alternativa em texto completa para cada vídeo publicado é a estratégia de longo prazo mais confiável para atender a este critério e para demonstrar acessibilidade de ponta nos mercados turco e internacional.