Flash's e validação no W3C
Publicado em 26/09/2007 09:41
Como prometi no úlimo post, agora vou explicar como resolver a briga do Flash e dos validadores de XHTML.
Bom pra começar o jeito que todo mundo faz e que está errado:
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/PQbuyKUaKFo" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/PQbuyKUaKFo" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350" /> </object>
Vamos resolver de forma elegante, observação, testei no Firefox, Opera, IE 6 e no Konqueror, não deu pra testar no Safari, se alguém quiser fazer uma doação de um MacBook eu aceito de bom grado:
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/PQbuyKUaKFo" width="425" height="350" > <param name="movie" value="http://www.youtube.com/v/PQbuyKUaKFo" /> <img src="banner.gif" width="425" height="350" alt="banner" /> </object>
Bom é isso ai, agora pode testar a validação e veja como funciona certinho, com um minimo de trabalho e convenhamos se o Youtube e/ou o Flash já passassem as tags do jeito certo nem isso precisaríamos, você tem um site 100% aprovado.
Maiores informações nestes sites: Valid Flash for XHTML e Flash Satay method.
Abraço, T+
Alfredo Ribeiro
O tidy é o cara da validação
Publicado em 25/09/2007 15:50
Faz um tempo que queria validar o código do blog e estava apanhando um pouco por dois motivos:
Primeiro, como as vezes pego um link aqui e outro ali e eles nem sempre vêem normalizados para o XHTML, acaba ficando sempre um rabicho.
Segundo, os MALDITOS Flash's e seus OBJECT's e EMBED's, que insistem em fazer qualquer documento, por mais bonito que esteja dar erro ao tentar validar.
Bom vamos deixar o Flash pra lá, no próximo post conto um segredo para resolver o problema com ele, agora quero falar do tidy.
O tidy é um carinha que valida seu código, edenta, corrige, converte o que for preciso para CSS e faz mais algumas coisinhas conforme os parâmetros que forem passados.
Depois de uma mãozinha dele, finalmente validei 100% do blog, oque não acontecia, por causa dos Flash e alguns links com espaços e caracteres "proibidos".
Como somos humanos e não conseguimos lembrar de todas as convenções, códigos ASCII, e outros detalhes, o tidy cumpre o papel de resolver isso para nós.
Primeiro instale o tidy, o site é tidy.sourceforge.net, mas é lógico, para quem tem Ubuntu é só fazer assim:
sudo apt-get install tidy
Pronto, agora que você já tem o tidy instalado, pode usá-lo com essa combinação, que vai produzir um efeito muito bom:
tidy -asxhtml -ascii -icm arquivo.html
Isso faz o seguinte, converte o documento para XHTML usando encoding ISO-8859-1, aplica edentação, limpa atributos de FONT, NOBR e CENTER, converte para CSS e salva as alterações no próprio arquivo.
As vezes pode ser que você ainda queira fazer algum ajuste, mas provavelmente o seu arquivo já estará pronto para validar, eu costumo ainda dar uma olhada pra ver oque ele fez, aprender um pouco mais e deixar o arquivo do meu jeito também.
Para ver as opções do tidy use:
tidy -h | more
Amanhã explico como resolver o problema do Flash o vilão dos Web Developers.
Abraço, T+
Alfredo Ribeiro
Como um daltônico vê seu site
Publicado em 12/09/2007 12:34
Quer saber se seu site poder ser visto por um daltônico, acesse esse link e tire a prova:
http://www.vischeck.com/vischeck/vischeckURL.php
Assim você pode ter certeza de que seu site pode ser visto por qualquer um, isso que é acessibilidade e inclusão digital, olha como ficou o meu:
Já faz um tempinho que adicionei este site ao meu del.icio.us, mas não fiz comentário nenhum sobre ele, bastante gente fez referência a este site, tem vários links na net.
Hoje, muita gente está começando a se preocupar realmente com acessibilidade, fico feliz de ver iniciativas assim.
Abraço, T+
Alfredo Ribeiro
