Re: [Acesso Digital] Vídeo do youtube acessível em página HTML

Oi Fábio.

Você mesmo pode criar os controles do video com HTML e estilizar com CSS puro, do seu jeito!

Para isso, basta usar a API em javascript que o próprio Youtube oferece.

Veja o tutorial no link abaixo:

http://wac.osu.edu/examples/youtube-player-controls/

A grande vantagem de usar essa técnica é que, mesmo quando é possível acessar, via teclado, os controles padrão do embed do youtube, o usuário que utiliza o teclado não fica "preso" dentro do frame que o youtube gera. Mas quando você mesmo faz os controles usando HTML puro, o usuário pode prosseguir com a navegação sem problemas.

Espero ter ajudado!

Abraço,

Alan

Em 11 de dezembro de 2013 23:53, Gil Porta <gilporta@gmail.com> escreveu:

Fábio, veja se isto te ajuda.

http://www.youtube.com/html5

Gil

Em 11 de dezembro de 2013 14:52, Fabio Gameleira <fabiogameleira@gmail.com> escreveu:

Prezados,

Estou querendo incluir um vídeo do youtube em um site e gostaria que o mesmo estivesse acessível.

Quando copio o objeto embed do youtue é gerado um código com iframe e o mesmo é executado em um flash palyer na página. Ao navegar pelo NVDA com a tecla TAB o vídeo não é nem focado, portanto não tem como saber se o mesmo existe ou não.

Exemplo:

<iframe alt="Vídeo do Dominguinhos" src="//www.youtube.com/embed/49x6AfUERrg" height="390" width="640" allowfullscreen="" frameborder="0"></iframe>

Procurando sobre compatibilidade com o W3C encontrei que este mesmo vídeo deveria estar publicado como "object".

Exemplo:

<object alt="Vídeo do Dominguinhos"  type="application/x-shockwave-flash" style="width:425px; height:350px;" data="https://www.youtube-nocookie.com/v/49x6AfUERrg?fs=1&amp;hl=en_US&amp;rel=0">

<param name="movie" value="https://www.youtube-nocookie.com/v/49x6AfUERrg?fs=1&amp;hl=en_US&amp;rel=0" /></object>

Mesmo assim ao navegar com TAB o NVD pula o vídeo sem poder saber se o mesmo existe.

Já ví alguns vídeo publicados em sites que são 100% acessíveis. O Navegador foca no objeto e até os controles funcionam.

O que quero é colocar um vídeo do "youtube" na página HTML e que seja focável ao navegar com o NVDA e que eu possar dar um play no vídeo apenas usando o teclado.

Alguém sabe como fazer isto?

Grato,

Fabio Gameleira

--
--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net
---
Você está recebendo esta mensagem porque se inscreveu no grupo "Acesso Digital" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para acessodigital+unsubscribe@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.

--
--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net
---
Você está recebendo esta mensagem porque se inscreveu no grupo "Acesso Digital" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para acessodigital+unsubscribe@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.

--
--
Grupo "Acesso Digital" em Grupos do Google.
Para postar neste grupo, envie um e-mail para acessodigital@googlegroups.com
Para cancelar a sua inscrição neste grupo, envie um e-mail para acessodigital-unsubscribe@googlegroups.com
Para ver mais opções, visite este grupo em http://groups.google.com/group/acessodigital?hl=pt-BR
Acesso Digital - http://acessodigital.net
---
Você está recebendo esta mensagem porque se inscreveu no grupo "Acesso Digital" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para acessodigital+unsubscribe@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.