Os vídeos não são inerentemente acessíveis. Mesmo se o conteúdo vier de uma fonte externa, como um videógrafo ou um canal do YouTube, você ainda é responsável por garantir que todos os visitantes do seu site possam acessá-lo totalmente.

O vídeo pode servir a muitos propósitos para um site:

  • Vídeos da página inicial com os fundadores da empresa ou orientações ilustradas de uma solução podem servir como uma recepção única ao site;
  • Os vídeos dos produtos oferecem aos clientes uma visão melhor do seu inventário, o que ajuda no processo de tomada de decisão;
  • Vídeos em segundo plano podem ser uma boa mudança de ritmo em relação ao conteúdo estático;
  • Os vídeos das postagens do blog podem fornecer aos leitores uma abordagem alternativa ao consumo de conteúdo;
  • O conteúdo de vídeo oferece aos sites melhores oportunidades de classificação na pesquisa (como aparecer no Google Videos ou no primeiro SERP para uma pergunta relevante sobre “como fazer”).

A última coisa que você deseja é gastar todo esse tempo projetando seu site para ser acessível apenas para que o vídeo (que é sempre uma parte crucial do conteúdo) fique inacessível.

Abaixo, veremos o que você pode fazer para tornar o vídeo acessível em seu site.

1. Siga as práticas recomendadas de acessibilidade de vídeo

Quando falamos sobre como tornar os vídeos acessíveis, o que estamos tentando fazer é resolver dois grandes problemas:

  1. Permitir que todos consumam o conteúdo integralmente;
  2. Tornar isso para que todos possam controlar a reprodução do conteúdo.

Isso não se aplica apenas a visitantes que têm deficiências visuais ou auditivas. Os vídeos acessíveis são úteis para pessoas que podem estar limitadas na situação (como alguém andando de ônibus para casa que pode assistir ao vídeo, mas não o ouve porque não possui fones de ouvido).

Veja o que você pode fazer para ajudar todos os visitantes a consumir o conteúdo de seu vídeo na íntegra:

Desativar reprodução automática e loop

Ninguém quer entrar em um site ou em uma nova página da Web, apenas para que o vídeo comece a ser reproduzido. Isso é especialmente verdade para quem tem deficiência visual e precisa confiar nos leitores de tela para navegá-los nos controles que desativam os vídeos de reprodução automática.

Portanto, lembre-se de desativar os recursos de reprodução automática e loop automático antes de publicar um vídeo em seu site.

Ativar legendas

As legendas são basicamente um script que aparece dentro do seu vídeo. Assim, como um script para um filme ou peça, as legendas são anotações sincronizadas que explicitam o que é ouvido.

Além do próprio discurso, as legendas podem incluir coisas como:

  • Títulos e nomes de capítulos exibidos, mas não falados em voz alta;
  • Nomes de músicas ou letras tocando em segundo plano;
  • Notas sobre ruídos ambientais.

Existem dois tipos de legendas que você pode usar. Legendas em aberto é exibido automaticamente sempre que alguém reproduzir seu vídeo. Legendas ocultas precisa estar ligado pela pessoa que assiste o vídeo.

Embora alguns softwares de reprodutor de vídeo possam oferecer legendas automaticamente para você, é melhor fazer isso por conta própria. (Você verá o motivo mais tarde.)

Ativar legendas

Para visitantes que não falam o idioma nativo do vídeo, verifique se as legendas estão ativadas ou se as incluiu (se estiver preparando a sua própria).

Adicionar descrições de áudio quando necessário

Enquanto as legendas e legendas capturam o áudio de um vídeo, elas geralmente não descrevem o que está na tela. Isso pode comprometer a capacidade dos usuários com deficiência visual de compreender o que está acontecendo se houver algo relevante no visual (como texto na tela ou algum tipo de ação que não seja descrita em voz alta).

Portanto, além das legendas e legendas, você pode precisar de descrições de áudio adicionais ou uma faixa de áudio separada inteiramente para complementar o vídeo.

Fornecer uma transcrição

Transcrições são um cruzamento entre legendas e descrições de áudio. Essencialmente, uma transcrição deve capturar tudo, desde o vídeo:

  • O discurso;
  • Títulos, legendas e outros textos na tela;
  • Descrições de atividade na tela;
  • Links referenciados ou compartilhados na tela.

Diferentemente das legendas, as transcrições geralmente vivem fora de um reprodutor de vídeo – escritas na página em HTML ou fornecidas por meio de um link ou download. As transcrições interativas são um pouco diferentes, pois se conectam diretamente aos players de vídeo (mostrarei um exemplo abaixo).

Formatar corretamente o texto na tela

Mesmo que você não possa ou não possa dar aos visitantes a capacidade de estilizar as legendas na tela, é importante considerar cuidadosamente como suas escolhas podem afetar a capacidade de lê-las, incluindo:

  • Cor do texto;
  • Cor de fundo;
  • Cor de vídeo;
  • Relação de contraste de cor de texto para segundo plano;
  • Relação de contraste de cores de texto para vídeo;
  • Tamanho do texto;
  • Colocação de texto na tela;
  • Sincronização de texto com fala;
  • Período em que cada linha de texto é exibida.

Evitar oscilações no conteúdo

Os visitantes propensos a convulsões, tonturas ou náuseas podem não responder bem a qualquer conteúdo trêmulo, intermitente ou estroboscópico no seu site. Além disso, tenha cuidado ao usar ilusões de ótica, pois elas podem igualmente desorientar, perturbar ou distrair alguns visitantes.

Identifique claramente elementos interativos

Se você tiver algum controle sobre como o player de vídeo foi projetado ou sobre os elementos interativos nele marcados, verifique se cada centímetro está claramente identificado. Botões sem rótulos ou com convenções de nomes descolados podem deixar seus visitantes impressionados, então fique com os rótulos testados e aprovados por todos os outros.

Ativar suporte de teclado

Antes de publicar qualquer vídeo em seu site, verifique se os leitores de tela e teclados podem acessá-los completamente. Isso não significa apenas encontrar o player de vídeo na página. Significa controlar recursos como volume, ativar legendas ocultas ou avançar rapidamente.

2. Use um reprodutor de vídeo acessível

Existem várias opções de reprodutor de vídeo que vêm com recursos de acessibilidade incorporados. Aqui estão algumas das opções mais populares e independentes de SO:

Youtube

O YouTube é uma solução popular de compartilhamento de vídeos; portanto, você pode se sentir tentado a usar essa opção. No entanto, os únicos recursos de acessibilidade de vídeo fornecidos com ele são:

  • Legendas;
  • Legendas ocultas.

Mesmo assim, cabe a você fornecer e refinar as legendas para seus visitantes com deficiência auditiva. Ao enviar um novo vídeo (ou editar um existente), você tem a opção de fazer upload de legendas ou legendas:

YouTube - Upload de legendas

Seu arquivo .srt pode ser preparado com ou sem tempo (embora o tempo seja o ideal).

Se você não possui legendas preparadas, sempre pode confiar no sistema de legendas automáticas do YouTube. Eles não serão bonitos, então você ainda precisará usar o YouTube Studio para entrar e editar a transcrição para se alinhar com o que está sendo falado:

YouTube - Legendas automáticas

Mas pelo menos você economizará tempo escrevendo-os todos do zero.

No final, os visitantes do seu site poderão ativar as legendas ocultas por meio do pequeno ícone “CC” no canto inferior direito do player de vídeo do YouTube. É assim que eles aparecem quando reproduzidos no seu vídeo:

YouTube - Legendas

Os usuários têm pouco ou nenhum controle sobre como essas legendas são exibidas, além de o YouTube traduzi-las para outro idioma de sua escolha.

Eu diria que essa opção é boa de usar se você já possui conteúdo do YouTube em seu site e deseja corrigir rapidamente alguns dos problemas de inacessibilidade. Mas lembre-se de que é necessário fazer muito mais para tornar 100% os vídeos acessíveis.

JW Player

O JW Player pode não ser gratuito ou tão conhecido como o YouTube, mas esse player de vídeo HTML5 fará muito mais em termos de acessibilidade.

Por exemplo, você pode usá-lo para ativar as legendas ocultas:

JW Player - Legendas

É fornecido suporte multilíngue, para que seus usuários não sejam relegados automaticamente para o idioma principal do vídeo.

O JW Player também permite que os espectadores criem legendas como acharem melhor:

JW Player - Estilo de legendas

Eles podem alterar as seguintes configurações, todas dentro das configurações do player de vídeo:

  • Cor da fonte;
  • Opacidade da fonte;
  • Tamanho da fonte;
  • Família de fontes;
  • Estilo da borda do personagem;
  • Cor de fundo;
  • Opacidade de fundo;
  • Cor da janela;
  • Opacidade da janela.

Outro recurso de acessibilidade incluído é a faixa de áudio HLSV4:

JW Player - Faixas de áudio

Enquanto o JW Player recomenda o uso de uma faixa de áudio para algo como comentar o diretor sobre um filme, você pode usá-lo para fornecer um feedback importante sobre o que está acontecendo na tela (ou seja, descrições de áudio). Por exemplo, se alguém tem deficiência visual, mas é capaz de ouvir o vídeo, a faixa de áudio explica os detalhes na tela à medida que ocorrem.

Outro recurso útil de acessibilidade que acompanha o JW Player é a transcrição interativa:

JW Player - Transcrições interativas

As transcrições são úteis tanto para usuários com deficiência visual que possuem leitores de tela quanto para usuários com deficiência auditiva que precisam de assistência em áudio. E com essa transcrição interativa, os usuários podem pesquisar frases-chave na transcrição, tornando este um recurso incrivelmente útil para todos os usuários.

Como tornar o vídeo acessível

Quando você deseja tornar os vídeos acessíveis, deve pensar em como o conteúdo pode ser percebido de todos os ângulos.

  • Se alguém não pudesse ouvir o áudio, o que mais eles precisariam para entender o conteúdo na tela?
  • Se alguém não pôde assistir ao vídeo, o que você poderia fazer para ajudá-lo a visualizar o que está na tela?
  • Se alguém não pudesse controlar o vídeo com um mouse pad, como navegaria pelas configurações do player de vídeo?

Em outras palavras, pense realmente no que você deve fazer para garantir que a experiência de ninguém seja comprometida pela falta de acessibilidade de vídeo no seu site. Ao usar as diretrizes acima e os media players acessíveis e acessíveis, você terá um bom começo.

Imagem em destaque via Unsplash.



Fonte