Ir para conteúdo / Skip to content

BANNERS EM FLASH E A ACESSIBILIDADE

blog reactions Postado em: 29 de janeiro de 2008 por Pedro Rogério

Um série de premissas devem ser levadas em conta quando, em uma página “acessível”, você quer utilizar blocos de publicidade (banners) em Flash:

  • Proporcionar um texto alternativo para a animação.
  • Proporcionar um texto alternativo para o Flash, pois usuários que não tem suporte não veriam nada.
  • O texto alternativo deve ser de fácil leitura (contraste de cor, tipografia, tamanho, etc…).
  • Procure testar seu experimento recém criado em algum leitor de tela.

Referências

COMO FAZER UM VÍDEO EM FLASH ACESSÍVEL

blog reactions Postado em: 7 de janeiro de 2008 por Pedro Rogério

Recentemente fora lançado um componente para agregar legendas a arquivos flash, chamado “CC for Flash”. A partir de agora podemos ter nossos vídeos acessíveis para pessoas que não possuem caixas acústicas em seus computadores, que se encontram em lugares com muito ruído, pessoas surdo-mudas, que não entendem línguas estrangeiras e vários outros motivos.

Essa aplicação é totalmente gratuita, e as legendas são inseridas no vídeo via um arquivo XML externo que respeitam as normas do formato DFXP do W3C. Além disso o componente nos permite alterar o tamanho e a fonte do texto, e também a cor.

Vejam um exemplo de um vídeo em Flash acessível. Se funcionamento é bem simples:

Como foram inseridas as legendas nesse vídeo flash?

Os arquivos com que vamos trabalhar são os seguintes:

  • reproductor.swf: Esse arquivo contém o componente FLV Play Back que contém o reprodutor e chama o vídeo FLV.
  • laaccesibilidad.flv: Esse é o nosso vídeo em formato FLV.
  • subtitulos.xml: As legendas no padrão DFXP, onde definimos o tempo inicial e final de cada frase.
  • index.html: Contém o objeto Flash para reproduzir o vídeo.

Faça o download completo dos arquivos de exemplo.

Primeiramente devemos efeuar o download do componente de legendas. Para instalar o “CC for Flash” no Flash, basta siplesmente dar 2 clicks no arquivo CCforFlash.mxp. Logo ele é instalado no Flash Extensions Manager. O novo acessório estará visível na aba de componentes.

Agora trabalharemos com o componente FLV Play Back, onde lhe agregaremos um nome de instância nsVideo e em parâmetros faremos as chamadas correspondentes. O mais importante é definir em contentPath o caminho correto de onde se encontra o arquivo FLV e o skin que definimos como nosso reprodutor. O nome da instância é muito importante pois é através dela que será feita a conexão com o componente de legendas.

Vídeo

O nosso componente reprodutor está pronto. Agora é a hora de inserir o componente que irá reporduzir as legendas. O colocaremos sob o vídeo e definimos os seguintes parâmetros:

Componente para inserir legendas

O mais importante aqui é definir corretamente a instância do vídeo e em Caption Filename o caminho do arquivo XML que contém as legendas. Exportamos o arquivo swf com o nome de reproductor.swf. Quando é efetuada a exportação, é criado mais um arquivo swf que é o skin do reprodutor. No arquivo XML veremos que alí há uma tag onde definimos o tamanho e a fonte do texto, além da cor. Aqui é hora de alterar o texto e definir o início e o fim de cada legenda.

E por último criamos a página HTML que conterá o objeto Flash para a reprodução de nosso vídeo, onde devemos definir corretamente os caminhos e os nomes dos arquivos e informar que linguagem está o vídeo.

Pronto, você acaba de criar um vídeo em Flash acessível. No site do desenvolvedor você pode ver mais alguns exemplos de uso desse componente.

Referências

Esse artigo é uma tradução do original de: El Rallador - Video en Flash Accesible

5 PERGUNTAS QUE UM DESENVOLVEDOR WEB DEVERIA SABER RESPONDER!

blog reactions Postado em: 19 de novembro de 2007 por Pedro Rogério
  • 1- Você cobra por hora ou por projeto?
  • 2- Quanto você cobra para fazer tal coisa?
  • 3- Quanto tempo falta para terminar?
  • 4- Por que meu site não funciona em certos browsers?
  • 5- Poderia colocar uma introdução para o meu site em Flash?

Com certeza a pergunta de número 5 é a mais polêmica. Alguém mais tem alguma situação interessante para postar aí nos comentários?

Referências

INSERIR FLASH CORRETAMENTE EM XHTML

blog reactions Postado em: 3 de outubro de 2006 por Pedro Rogério

Embora o Flash seja um elemento muito ativo nas páginas Web, muitos desenvolvedores ainda não sabem como inserí-lo corretamente em XHTML. O conceito padrão, utilizado pela macromedia é absolutamente fora de contexto:


<object
  classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
  width="550" height="400">
  ...
  <param name="movie" value="movie.swf" />
  <param name="quality" value="high" />
  ...
  <embed src="movie.swf" quality="high" bgcolor="#ffffff" width="550" height="400"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/go/getflashplayer">
  </embed>
</object>

Os atributos <object> são subordinados somente as necessidades do IE e não trabalharão em outros browsers. O atributo <embed> é para os outros browsers, mas ele não é listado nas especificações do HTML ou XHTML. O código consequentemente é inválido. O maior problema é que você não há uma forma de você fornecer conteúdo alternativo aos usuários que navegam com flash desabilitado.

Continuar lendo »

Página 1 de 11