Aguarde...

31 de março de 2020

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

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 completamente.

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 escutá-lo porque não possui fones de ouvido).

Aqui está o que você pode fazer para ajudar todos os visitantes a consumir o conteúdo do vídeo por inteiro:

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. As legendas abertas são exibidas automaticamente sempre que alguém reproduz seu vídeo. As legendas ocultas precisam ser ativadas pela pessoa que assiste ao vídeo.

Embora alguns softwares de reprodutor de vídeo possam oferecer a geração automática de legendas para você, é melhor fazer isso por conta própria. (Você verá o porquê 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 você 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 se você não der ou não puder 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 enviar legendas ou legendas:

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

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

Se você não tem 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 editar e editar a transcrição para se alinhar com o que está sendo falado:

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

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

No final, os visitantes do seu site poderão ativar legendas através 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:

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

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 muito mais você precisa fazer 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:

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

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

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

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

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:

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

Enquanto o JW Player recomenda o uso de uma faixa de áudio para algo como colocar o comentário do diretor em um filme, você pode usá-lo para fornecer um feedback importante sobre o que está acontecendo na tela (por exemplo, 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:

COMO VOCÊ TORNA O VÍDEO ACESSÍVEL?

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 players de mídia acessíveis, você terá um bom começo.

Postado em Blog
Escreva um comentário