<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bruno Torres ponto netaccessibility &#187; Bruno Torres ponto net</title>
	<atom:link href="http://brunotorres.net/tag/accessibility/feed" rel="self" type="application/rss+xml" />
	<link>http://brunotorres.net</link>
	<description>Textos infreqÃ¼entes sobre a web</description>
	<lastBuildDate>Thu, 24 Mar 2011 05:54:38 +0000</lastBuildDate>
	<language>pt-br</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Podcast sobre acessibilidade</title>
		<link>http://brunotorres.net/podcast-sobre-acessibilidade</link>
		<comments>http://brunotorres.net/podcast-sobre-acessibilidade#comments</comments>
		<pubDate>Wed, 08 Aug 2007 05:33:22 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[podcasting]]></category>

		<guid isPermaLink="false">http://brunotorres.net/podcast-sobre-acessibilidade</guid>
		<description><![CDATA[Na correria acabei me esquecendo de dizer por aqui que o MAQ e eu gravamos um podcast para o Tudo que eu quero saber, site do camarada Eduardo Fiorezi que faz periodicamente podcasts muito bons com diversas &#8220;personalidades&#8221; da web brasileira. Falamos sobre a Acesso Digital e respondemos a vÃ¡rias perguntas do Eduardo sobre Acessibilidade [...]]]></description>
			<content:encoded><![CDATA[<p>Na correria acabei me esquecendo de dizer por aqui que o <a href="http://www.bengalalegal.com/">MAQ</a> e eu gravamos um <a href="http://tudoquequerosaber.com/?p=36">podcast</a> para o <a href="http://tudoquequerosaber.com/">Tudo que eu quero saber</a>, site do camarada Eduardo Fiorezi que faz periodicamente podcasts muito bons com diversas &#8220;personalidades&#8221; da web brasileira.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Falamos sobre a <a href="http://acessodigital.net/">Acesso Digital</a> e respondemos a vÃ¡rias perguntas do Eduardo sobre Acessibilidade na web. Falamos algumas coisas tambÃ©m sobre acessibilidade em geral, mas a Ãªnfase foi realmente na web.</p>
<p>Rolou tambÃ©m alguma coisa sobre padrÃµes web, semÃ¢ntica e outras coisas relacionadas.</p>
<p>Falamos bastante (atÃ© um pouco demais, eu diria) e, mesmo assim nÃ£o conseguimos responder a todas as perguntas que estavam na pauta, mas o podcast ficou bem interessante e vale Ã  pena dar uma conferida.</p>
<p>Escute o podcast em &#8220;<a href="http://tudoquequerosaber.com/?p=36"><em>Acessibilidade e padrÃµes web com Bruno e Maq</em></a>&#8221; no <a href="http://tudoquequerosaber.com/">Tudo que eu quero saber</a>.</p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/blogbits-podcast-7" rel="bookmark" class="crp_title">Blogbits Podcast #7: Spam, anÃºncios, acessibilidade, etc</a></li><li><a href="http://brunotorres.net/podcast-tableless-25-qual-a-importancia-da-validacao-do-html" rel="bookmark" class="crp_title">Podcast Tableless #25 &#8211; Qual a importÃ¢ncia da validaÃ§Ã£o do HTML?</a></li><li><a href="http://brunotorres.net/podcast-tableless-10" rel="bookmark" class="crp_title">Podcast Tableless #10</a></li><li><a href="http://brunotorres.net/podcast-especial-dois" rel="bookmark" class="crp_title">Mais um podcast</a></li><li><a href="http://brunotorres.net/nasce-blogbits" rel="bookmark" class="crp_title">Nasce finalmente o BlogBits</a></li><li><a href="http://brunotorres.net/eu-tableless" rel="bookmark" class="crp_title">Me entrevistaram no Tableless!</a></li><li><a href="http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web" rel="bookmark" class="crp_title">Jornada de conhecimento sobre acessibilidade na web</a></li><li><a href="http://brunotorres.net/brunotorres-podcast-1" rel="bookmark" class="crp_title">Primeiro Podcast BrunoTorres.net</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/podcast-sobre-acessibilidade/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Jornada de conhecimento sobre acessibilidade na web</title>
		<link>http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web</link>
		<comments>http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web#comments</comments>
		<pubDate>Mon, 25 Jun 2007 05:42:44 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web</guid>
		<description><![CDATA[Acessibilidade na web estÃ¡ se tornando um assunto cada vez mais quente aqui em Pindorama e, se vocÃª quiser se aprofundar no assunto, o lance Ã© participar da Jornada de conhecimento sobre o assunto, no dia 27 de junho 8 de agosto (quarta-feira), no auditÃ³rio do SERPRORJ, no centro do Rio. Mas, o que Ã© [...]]]></description>
			<content:encoded><![CDATA[<p>Acessibilidade na web estÃ¡ se tornando um assunto cada vez mais quente aqui em Pindorama e, se vocÃª quiser se aprofundar no assunto, o lance Ã© participar da <a href="http://jornadasdeconhecimento.com/acessibilidade.html">Jornada de conhecimento sobre o assunto</a>, no dia <del datetime="2007-06-27T02:23:21+00:00">27 de junho</del> 8 de agosto (quarta-feira), no auditÃ³rio do SERPRORJ, no centro do Rio.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Mas, o que Ã© uma <em>Jornada de conhecimento</em>?</p>
<p>Segundo o <a href="http://jornadasdeconhecimento.com/">site do evento</a>, Ã©:</p>
<blockquote>
<p>[um] Programa hÃ­brido composto de:</p>
<p>[1] um dia presencial intensivo com imersÃ£o total no tema da jornada, explorando seus conceitos bÃ¡sicos, principais questÃµes e experiÃªncias;</p>
<p>[2] fÃ³rum de discussÃ£o na web, coordenado pelo(s) instrutor(es), para aprofundamento do tema atravÃ©s de trabalhos, pesquisas e casos de interesse dos participantes.</p>
</blockquote>
<p>A <a href="http://jornadasdeconhecimento.com/acessibilidade.html">Jornada sobre Acessibilidade na web</a> vai ser apresentada pela equipe <a href="http://acessodigital.net/">Acesso Digital</a> (sem a presenÃ§a deste que vos fala &#8212; recentemente reintegrado Ã  equipe &#8212; por causa da triste incapacidade de estar em dois lugares ao mesmo tempo): <a href="http://horaciosoares.blogspot.com/">HorÃ¡cio Soares</a>, Leda Spelta e <a href="http://www.bengalalegal.com/">MAQ</a>.</p>
<p>VocÃª pode ver os detalhes na <a href="http://jornadasdeconhecimento.com/acessibilidade.html">pÃ¡gina sobre o evento</a>.</p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/acessibilidade-na-web-custo-ou-beneficio" rel="bookmark" class="crp_title">Acessibilidade na web: Custo ou benefÃ­cio?</a></li><li><a href="http://brunotorres.net/workshop-e-palestra-em-novembro" rel="bookmark" class="crp_title">Workshop e palestra em novembro</a></li><li><a href="http://brunotorres.net/curso-de-acessibilidade-visie-codeshow" rel="bookmark" class="crp_title">Curso de Acessibilidade + Visie CodeShow</a></li><li><a href="http://brunotorres.net/podcast-sobre-acessibilidade" rel="bookmark" class="crp_title">Podcast sobre acessibilidade</a></li><li><a href="http://brunotorres.net/acessibilidade-nao-e-altruismo" rel="bookmark" class="crp_title">Acessibilidade nÃ£o Ã© altruÃ­smo</a></li><li><a href="http://brunotorres.net/blogbits-podcast-7" rel="bookmark" class="crp_title">Blogbits Podcast #7: Spam, anÃºncios, acessibilidade, etc</a></li><li><a href="http://brunotorres.net/como-foi-o-waiu-e-porque-nao-fui-na-casper" rel="bookmark" class="crp_title">Como foi o W.A.I.U. e porque nÃ£o fui na CÃ¡sper</a></li><li><a href="http://brunotorres.net/mark-pilgrim-no-google-fazendo-o-que" rel="bookmark" class="crp_title">Mark Pilgrim no Google. Fazendo o quÃª?</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Curso de Acessibilidade + Visie CodeShow</title>
		<link>http://brunotorres.net/curso-de-acessibilidade-visie-codeshow</link>
		<comments>http://brunotorres.net/curso-de-acessibilidade-visie-codeshow#comments</comments>
		<pubDate>Wed, 20 Jun 2007 05:29:52 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[http]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://brunotorres.net/244</guid>
		<description><![CDATA[O Visie CodeShow vai ser um evento interessantÃ­ssimo, onde vocÃª vai ter a oportunidade de ver o Ã‰lcio &#8212; mais conhecido como o cara que aprende uma nova linguagem a cada vez que vocÃª pisca o olho &#8212; e o Diego &#8212; que foi um dos primeiros a divulgar os padrÃµes web no Brasil &#8212; [...]]]></description>
			<content:encoded><![CDATA[<p>O <a href="http://visie.com.br/codeshow/sobre.pt">Visie CodeShow</a> vai ser um evento interessantÃ­ssimo, onde vocÃª vai ter a oportunidade de ver o <a href="http://blog.elcio.com.br/">Ã‰lcio</a> &#8212; mais conhecido como o cara que aprende uma nova linguagem a cada vez que vocÃª pisca o olho &#8212; e o <a href="http://www.tableless.com.br/">Diego</a> &#8212; que foi um dos primeiros a divulgar os padrÃµes web no Brasil &#8212; metendo a <strong>mÃ£o na massa</strong> e dando <strong>vida a uma aplicaÃ§Ã£o web</strong> diante dos seus olhos.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Isso mesmo, os caras vÃ£o criar uma aplicaÃ§Ã£o, desde o projeto atÃ© o design e programaÃ§Ã£o, usando MySQL, Python, HTML, CSS, JavaScript/AJAX, SVN e outras coisas mais, em um evento de um dia, que vai ajudar vocÃª a entender como trabalha uma equipe <em>super produtiva</em> de desenvolvimento web.</p>
<p>E se vocÃª comprar um <a href="http://visie.com.br/cursos/acessibilidade.pt">curso online de acessibilidade</a> atÃ© o dia 16 de agosto, vocÃª garante a sua vaga pro CodeShow, inteiramente e completamente <strong>de graÃ§a</strong>, sem pagar um centavo a mais por isso.</p>
<p>E, claro, nÃ£o Ã© sÃ³ isso. Em geral, ao comprar o curso online, vocÃª tem acesso Ã  apostila, tira dÃºvidas por email e online (via skype) por 15 dias. Acontece que o curso estÃ¡ passando por um processo de expansÃ£o e vamos incluir vÃ­deos, mais exemplos prÃ¡ticos e exercÃ­cios e, se vocÃª comprar o curso agora, no perÃ­odo promocional, vai ter seu acesso liberado por <strong>mais 15 dias</strong> assim que o novo material estiver pronto.</p>
<p>Melhor que isso, meu amigo, nem facas ginsu.</p>
<p>Ah, e eu vou estar presente no CodeShow e, se o pessoal deixar, vou dar algumas dicas sobre acessibilidade na aplicaÃ§Ã£o que serÃ¡ desenvolvida.</p>
<p>E Ã© isso. Vai lÃ¡ e compra o <a href="http://visie.com.br/cursos/acessibilidade.pt">curso de acessibilidade</a> e nos vemos no <a href="http://visie.com.br/codeshow/sobre.pt">CodeShow</a>, dia 17 de agosto, Ã s 9h da madrugada, se eu conseguir acordar. <img src='http://brunotorres.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/mostre-o-que-voce-sabe-sobre-desenvolvimento-web-no-codeshow-videos" rel="bookmark" class="crp_title">Mostre o que vocÃª sabe sobre desenvolvimento web no CodeShow VÃ­deos</a></li><li><a href="http://brunotorres.net/quer-ganhar-dois-cursos-online-da-visie-de-graca" rel="bookmark" class="crp_title">Quer ganhar dois cursos online da Visie de graÃ§a?</a></li><li><a href="http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web" rel="bookmark" class="crp_title">Jornada de conhecimento sobre acessibilidade na web</a></li><li><a href="http://brunotorres.net/sobre" rel="bookmark" class="crp_title">Quem sou eu?</a></li><li><a href="http://brunotorres.net/podcast-sobre-acessibilidade" rel="bookmark" class="crp_title">Podcast sobre acessibilidade</a></li><li><a href="http://brunotorres.net/workshop-e-palestra-em-novembro" rel="bookmark" class="crp_title">Workshop e palestra em novembro</a></li><li><a href="http://brunotorres.net/acessibilidade-na-web-custo-ou-beneficio" rel="bookmark" class="crp_title">Acessibilidade na web: Custo ou benefÃ­cio?</a></li><li><a href="http://brunotorres.net/acessibilidade-nao-e-altruismo" rel="bookmark" class="crp_title">Acessibilidade nÃ£o Ã© altruÃ­smo</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/curso-de-acessibilidade-visie-codeshow/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Acessibilidade na web: Custo ou benefÃ­cio?</title>
		<link>http://brunotorres.net/acessibilidade-na-web-custo-ou-beneficio</link>
		<comments>http://brunotorres.net/acessibilidade-na-web-custo-ou-beneficio#comments</comments>
		<pubDate>Wed, 23 May 2007 09:00:32 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://brunotorres.net/acessibilidade-na-web-custo-ou-beneficio</guid>
		<description><![CDATA[Vale a pena fazer um site acessÃ­vel? Ã‰ a essa pergunta que estamos tentando responder neste vÃ­deo, que serÃ¡ foi lanÃ§ado dia 24, quinta-feira, no SENAC Rio (Veja maiores detalhes). Ainda nÃ£o falei nada sobre a Acesso Digital por aqui. Acesso Digital Ã© um grupo formado hÃ¡ pouco mais de um ano, por conta de [...]]]></description>
			<content:encoded><![CDATA[<p>Vale a pena fazer um site acessÃ­vel?<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Ã‰ a essa pergunta que estamos tentando responder neste vÃ­deo, que <del datetime="2007-05-25T14:20:51+00:00">serÃ¡</del> foi lanÃ§ado dia 24, quinta-feira, no SENAC Rio (<a href="http://acessodigital.net/#video-ad">Veja maiores detalhes</a>).</p>
<p>Ainda nÃ£o falei nada sobre a <a href="http://acessodigital.net/">Acesso Digital</a> por aqui. Acesso Digital Ã© um grupo formado hÃ¡ pouco mais de um ano, por conta de uma concorrÃªncia para reformulaÃ§Ã£o de um site de uma grande empresa. Perdemos a concorrÃªncia, mas o grupo continuou em frente, com o intuito de estudar, divulgar, fomentar e implementar a acessibilidade na web brasileira.</p>
<p>A idÃ©ia Ã© prestar serviÃ§os diversos relacionados Ã  acessibilidade, como anÃ¡lise, desenvolvimento, capacitaÃ§Ã£o e consultoria e mostrar que, cada vez mais, <a href="http://brunotorres.net/acessibilidade-nao-e-altruismo">acessibilidade nÃ£o Ã© altruÃ­smo</a> e que apesar de ter, sim, um lado social muito importante, Ã© economicamente viÃ¡vel e deve ser considerado por todos que quiserem fazer negÃ³cios pela web.</p>
<p>Infelizmente, por alguns problemas, como falta de tempo, estou temporariamente afastado do grupo, atuando apenas como consultor em projetos. Espero mudar isso em breve e voltar a me envolver mais com estas pessoas que me ensinaram tanto e com quem jÃ¡ passei agradÃ¡veis momentos e, claro, alguns &#8220;arranca-rabos&#8221; eventuais.</p>
<p>Um dos passos para mostrar a importÃ¢ncia da acessibilidade foi a produÃ§Ã£o deste vÃ­deo, que apesar do amadorismo dos atores (como atores, claro), foi produzido por profissionais com uma qualidade muito acima do que imaginÃ¡vamos conseguir.</p>
<p>AliÃ¡s, cabe aqui um parÃªntese. Fazer um vÃ­deo desse tipo nÃ£o Ã© nada fÃ¡cil. VocÃª tem, sim, que decorar suas falas, repetir sabe-se lÃ¡ quantas vezes cada tomada, aguentar um spot de luz de sei lÃ¡ quantos watts esquentando sua cara. Mas, no fim das contas, o resultado vale muito a pena. Tenho hoje um respeito especial pela profissÃ£o de ator&#8230;hehe</p>
<p>O vÃ­deo conta com as &#8220;atuaÃ§Ãµes&#8221; de <a href="http://www.bengalalegal.com/">MAQ</a>, Leda Spelta, <a href="http://horaciosoares.blogspot.com/">HorÃ¡cio Soares</a> e deste que vos fala.</p>
<p>Abaixo o <del datetime="2007-05-25T14:20:51+00:00">trailer do</del> vÃ­deo completo, com legendas, para vocÃª <del datetime="2007-05-25T14:20:51+00:00">ter uma idÃ©ia do que se trata</del> assistir. O lanÃ§amento oficial <del datetime="2007-05-25T14:20:51+00:00">serÃ¡ nesta</del> foi quinta-feira, 24 de marÃ§o, com direito a apresentaÃ§Ã£o, mesa redonda e participaÃ§Ã£o da equipe Acesso Digital e diversos profissionais da Ã¡rea. Infelizmente, nÃ£o <del datetime="2007-05-25T14:20:51+00:00">vou poder</del> pude comparecer. <img src='http://brunotorres.net/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<div style="width:425px; margin:0.5em auto" id="video-acessodigital">
</div>
<p><script type="text/javascript">var so = new SWFObject("http://storage.mais.uol.com.br/embed.swf?mediaId=2568&#038;start_loading=false&#038;start_paused=true", "acessodigital", "457", "368", "9", "#FFFFFF");so.addParam("allowfullscreen", "true");so.addParam("wmode", "window");so.addParam("wmode", "transparent");so.write("video-acessodigital");</script></p>
<p>O vÃ­deo foi produzido pelo JoÃ£o e pela Eliane, da 30 Frames. Veja o <a href="http://videos.uol.com.br/showMedia.html?media.id=2568">vÃ­deo no UOL VÃ­deos</a> e a <a href="http://acessodigital.net/video.html">pÃ¡gina sobre o vÃ­deo</a> no site da Acesso Digital.</p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web" rel="bookmark" class="crp_title">Jornada de conhecimento sobre acessibilidade na web</a></li><li><a href="http://brunotorres.net/podcast-sobre-acessibilidade" rel="bookmark" class="crp_title">Podcast sobre acessibilidade</a></li><li><a href="http://brunotorres.net/acessibilidade-nao-e-altruismo" rel="bookmark" class="crp_title">Acessibilidade nÃ£o Ã© altruÃ­smo</a></li><li><a href="http://brunotorres.net/workshop-e-palestra-em-novembro" rel="bookmark" class="crp_title">Workshop e palestra em novembro</a></li><li><a href="http://brunotorres.net/iphone-pra-que-mesmo" rel="bookmark" class="crp_title">iPhone: Pra quÃª mesmo?</a></li><li><a href="http://brunotorres.net/como-foi-o-waiu-e-porque-nao-fui-na-casper" rel="bookmark" class="crp_title">Como foi o W.A.I.U. e porque nÃ£o fui na CÃ¡sper</a></li><li><a href="http://brunotorres.net/mostre-o-que-voce-sabe-sobre-desenvolvimento-web-no-codeshow-videos" rel="bookmark" class="crp_title">Mostre o que vocÃª sabe sobre desenvolvimento web no CodeShow VÃ­deos</a></li><li><a href="http://brunotorres.net/curso-de-acessibilidade-visie-codeshow" rel="bookmark" class="crp_title">Curso de Acessibilidade + Visie CodeShow</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/acessibilidade-na-web-custo-ou-beneficio/feed</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>Seu menu dropdown funciona com o teclado?</title>
		<link>http://brunotorres.net/seu-menu-dropdown-funciona-com-o-teclado</link>
		<comments>http://brunotorres.net/seu-menu-dropdown-funciona-com-o-teclado#comments</comments>
		<pubDate>Mon, 27 Nov 2006 05:15:40 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[dom]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://brunotorres.net/2006/11/27/seu-menu-dropdown-funciona-com-o-teclado</guid>
		<description><![CDATA[Uma das coisas mais importantes ao se tornar um site acessÃ­vel Ã© assegurar-se de que Ã© possÃ­vel navegar integralmente pelo site e acessar qualquer informaÃ§Ã£o usando o teclado. E isso nÃ£o beneficia apenas os cegos, usuÃ¡rios de leitores de tela, como muitos pensam. Muitos grupos de usuÃ¡rios tÃªm dificuldades sÃ©rias ou total impossibilidade de usar [...]]]></description>
			<content:encoded><![CDATA[<p>Uma das coisas mais importantes ao se tornar um site acessÃ­vel Ã© assegurar-se de que Ã© possÃ­vel <strong>navegar integralmente</strong> pelo site e acessar qualquer informaÃ§Ã£o <strong>usando o teclado</strong>.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>E isso nÃ£o beneficia apenas os cegos, usuÃ¡rios de leitores de tela, como muitos pensam. Muitos grupos de usuÃ¡rios tÃªm dificuldades sÃ©rias ou <strong>total impossibilidade de usar o mouse</strong>. AlÃ©m dos cegos, pessoas com problemas de coordenaÃ§Ã£o motora, mal de parkinson, paralisia cerebral, e atÃ© mesmo usuÃ¡rios de alguns dispositivos mÃ³veis. Isso para citar apenas alguns.</p>
<p>Juntando-se esses grupos, temos uma quantidade muito grande de usuÃ¡rios e clientes em potencial &#8212; idosos, por exemplo, entram em alguns desses grupos, e estÃ£o em nÃºmero cada vez maior &#8212; que podem estar deixando de comprar seu produto ou consumir a informaÃ§Ã£o que vocÃª publica porque seu site requer o uso do mouse para funcionar de maneira satisfatÃ³ria.</p>
<p>Um recurso que frequentemente causa problemas Ã queles que nÃ£o podem &#8212; ou atÃ© mesmo nÃ£o querem, por que nÃ£o? &#8212; usar o mouse sÃ£o os famosos menus <em lang="en" xml:lang="en">dropdown</em>.</p>
<p>A maioria das tÃ©cnicas para criaÃ§Ã£o de menus dropdowns hoje em dia usa apenas CSS para os browsers de verdade e um pouquinho de JavaScript para o IE6. TÃ©cnicas como a <a href="http://www.alistapart.com/articles/dropdowns/"><em>suckerfish</em></a>, por exemplo, muito popular, por ser simples e por ter sido publicada no <a href="http://www.alistapart.com/">A List Apart</a>, funcionam dessa maneira.</p>
<p>Basicamente, criamos listas nÃ£o-ordenadas aninhadas. Ou seja, um submenu Ã© marcado como <strong>uma lista dentro de um item de lista</strong>. Esses submenus sÃ£o escondidos via CSS e sÃ³ sÃ£o exibidos quando se passa o mouse por cima do item de menu que o contÃ©m.</p>
<p style="MARGIN-RIGHT: 0px" dir="ltr"><code>&lt;ul id="menu"&gt;<br />&lt;li&gt;&lt;a href="/"&gt;InÃ­cio&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href="/servicos"&gt;ServiÃ§os&lt;/a&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href="/servicos/design"&gt;Design&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href="/servicos/prog"&gt;ProgramaÃ§Ã£o&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br />&lt;/ul&gt;</code></p>
<p>Este cÃ³digo acima representa a marcaÃ§Ã£o tÃ­pica de um menu dropdown moderno. O CSS, sem grandes formataÃ§Ãµes seria mais ou menos assim:</p>
<p><code>ul{ list-style:none; }<br />#menu li {<br />float:left;<br />position:relative;<br />}<br />#menu li ul {<br />display:none;<br />position:absolute;<br />top:0.9em;<br />left:0;<br />margin:0;<br />padding:0;<br />}<br />#menu li:hover ul { display:block; }</code></p>
<p>Este cÃ³digo criaria um menu dropdow funcional (feio demais, mas funcional) nos browsers mais modernos, como Firefox, Opera, Safari e IE7. Como jÃ¡ disse, para o IE6 seria necessÃ¡rio um pouco de JavaScript, mas nÃ£o vou colocar isso aqui. Vejam o <a href="http://www.alistapart.com/articles/dropdowns/">suckerfish</a> para entender como funciona.</p>
<p>O que nos importa aqui Ã© o fato de que este menu dropdown Ã© funcional apenas se o usuÃ¡rio estiver usando um mouse. AlÃ©m do submenu nunca ser exibido para aqueles que estÃ£o navegando com o teclado, os itens desse submenu sÃ£o removidos do Ã­ndice de tabulaÃ§Ã£o (tabindex) da pÃ¡gina e nunca se chega a eles usando a tecla tab (ou qualquer outro recurso).</p>
<p>Mas, como resolver isso, vocÃª me pergunta. Bem, usando apenas HTML e CSS, creio que nÃ£o haja nenhuma soluÃ§Ã£o. Pelo menos nÃ£o que eu conheÃ§a (se conhecer alguma, me conte, por favor).</p>
<p>PorÃ©m, usando-se JavaScript, Ã© possÃ­vel fazer com que os submenus sejam exibidos usando-se apenas o teclado.</p>
<p>VocÃª pode querer argumentar que, ora, estamos falando de <a href="http://acessodigital.net/">acessibilidade</a>, como vocÃª vem agora querer me enfiar um JavaScript goela abaixo? O fato Ã© que, na maioria das situaÃ§Ãµes onde esse menu ficaria inacessÃ­vel via teclado, o usuÃ¡rio tem o JavaScript habilitado no browser.</p>
<p>Pense comigo, sÃ³ vamos ter problemas caso o browser do cara <strong>tenha suporte a CSS</strong>. Ou seja, estamos falando de browsers grÃ¡ficos. SÃ£o muito poucos os casos onde hÃ¡ suporte a CSS e nÃ£o hÃ¡ suporte a JavaScript. Isso, praticamente, sÃ³ ocorre quando o usuÃ¡rio deliberadamente desabilita o JavaScript ou usa o modo de seguranÃ§a alta do IE, por exemplo.</p>
<p>Browsers de texto (<a href="http://lynx.isc.org/">lynx</a> ou <a href="http://intervox.nce.ufrj.br/dosvox/">webvox</a>, por exemplo) vÃ£o sempre exibir os submenus, por motivos Ã³bvios. Dispositivos mÃ³veis, salvo raras excessÃµes, nÃ£o vÃ£o interpretar a propriedade display do CSS, portanto, tambÃ©m vÃ£o exibir os submenus.</p>
<p>Sendo assim, podemos usar o JavaScript como recurso para habilitar o uso dos menus dropdown para a <strong>quase totalidade</strong> de nossos usuÃ¡rios. Lembrem-se, <strong>100% Ã© apenas uma meta</strong>, raramente (praticamente nunca, na verdade) factÃ­vel.</p>
<p>Como seria esse script? Bem, se nÃ£o houvesse o IE (e estou falando do IE7 tambÃ©m, neste caso), seria muito, muito simples. Algo assim:</p>
<p><code>&lt;script type="text/javascript"&gt;<br />var lis = document.getElementsByTagName('li');<br />for (var i = 0, li; li = lis[i]; i++){<br />li.onfocus = function(){<br />var ul = this.getElementsByTagName('ul')[0];<br />if (ul)<br />ul.style.display = 'block';<br />}<br />li.onblur = function(){<br />var ul = this.getElementsByTagName('ul')[0];<br />if (ul)<br />ul.style.display = '';<br />}<br />}<br />&lt;/script&gt;</code></p>
<p>Ou seja, quando uma LI que contiver uma UL receber o foco, o submenu Ã© exibido. Ao perder o foco, o menu Ã© escondido novamente. Simples, nÃ£o? PorÃ©m, <strong>o IE existe</strong> e Ã© o lÃ­der do mercado, e Ã© usado por grande parte dos usuÃ¡rios de leitores de tela tambÃ©m. Portanto, esse script sÃ³ resolve uma parte do problema.</p>
<p>No IE <strong>nÃ£o hÃ¡ o evento onfocus para itens de lista</strong>. Portanto, para que nosso menu funcione no IE &#8212; e, claro, continue funcionando nos outros browsers &#8211;, precisamos fazer com que o submenu apareÃ§a quando o link do item do menu de primeiro nÃ­vel receber o foco e que desapareÃ§a quando o Ãºltimo link do submenu perder o foco. Vejam:</p>
<p><code>&lt;script type="text/javascript"&gt;<br />var lis = document.getElementsByTagName('li');<br />for (var i = 0, li; li = lis[i]; i++){<br />var link = li.getElementsByTagName('a')[0];<br />if (link){<br />link.onfocus = function(){<br />var ul = this.parentNode.getElementsByTagName('ul')[0];<br />if (ul)<br />ul.style.display = 'block';<br />}<br />var ul = link.parentNode.getElementsByTagName('ul')[0];<br />if (ul){<br />var ullinks = ul.getElementsByTagName('a');<br />var ullinksqty = ullinks.length;<br />var lastItem = ullinks[ullinksqty - 1];<br />if (lastItem){<br />lastItem.onblur = function(){<br />this.parentNode.parentNode.style.display = 'none';<br />}<br />lastItem.parentNode.onblur = function(){<br />this.parentNode.style.display = '';<br />}<br />}<br />}<br />}<br />}<br />&lt;/script&gt;</code></p>
<p>Sim, o cÃ³digo estÃ¡ longe de ser elegante, mas vocÃª pode melhorÃ¡-lo na hora da implementaÃ§Ã£o. O fato Ã© que funciona.</p>
<p>Vejam um <a href="http://brunotorres.net/unsorted/accdd.html">exemplo</a> (com um pouquinho a mais de CSS pra melhorar levemente a aparÃªncia).</p>
<p>Com uma medida muito simples, conseguimos <strong>melhorar a experiÃªncia de uso</strong> de nossos sites para um nÃºmero bastante grande de usuÃ¡rios. Agora vocÃª nÃ£o tem mais motivo para dizer que seu submenu nÃ£o funciona com o teclado. Vamos lÃ¡, Ã© muito simples pra vocÃª deixar de fazer.</p>
<p>HÃ¡ uma implementaÃ§Ã£o de menus dropdown completamente acessÃ­vel feita pelo <a href="http://www.brothercake.com/">Brothercake</a>. Chama-se <a href="http://www.udm4.com/">Ultimate Dropdown menu</a> e Ã© bem completo, suporta vÃ¡rios nÃ­veis de menu, etc. Vale a pena conferir.</p>
<p>Conhece uma maneira mais fÃ¡cil de fazer a mesma coisa? Achou algum erro no meu cÃ³digo? Vamos conversar.</p>
<p>PS: A falta de identaÃ§Ã£o nos cÃ³digos de exemplo Ã© cortesia do <a href="http://www.zoundry.com/">Zoundry</a> (que Ã© excelente, apesar desse pequeno problema). AlguÃ©m aÃ­ sabe como fazer essa identaÃ§Ã£o? NÃ£o, a identaÃ§Ã£o que ele tem, usando blockquote nÃ£o serve.</p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/quem-disse-que-displaynone-esconde-conteudo-do-jaws" rel="bookmark" class="crp_title">Quem disse que display:none esconde conteÃºdo do JAWS?</a></li><li><a href="http://brunotorres.net/como-nao-contabilizar-suas-proprias-visitas-em-seu-blog-wordpress" rel="bookmark" class="crp_title">Como nÃ£o contabilizar suas prÃ³prias visitas em seu blog wordpress</a></li><li><a href="http://brunotorres.net/evitando-caching-css-somente-quando-atualizado" rel="bookmark" class="crp_title">Evitando caching quando (e sÃ³ quando) o arquivo CSS for atualizado</a></li><li><a href="http://brunotorres.net/seguindo-padroes" rel="bookmark" class="crp_title">Seguindo Ã  risca os padrÃµes</a></li><li><a href="http://brunotorres.net/tabelas-estilo-zebra" rel="bookmark" class="crp_title">Tabelas estilo &#8220;zebra&#8221;</a></li><li><a href="http://brunotorres.net/google-counter-greasemonkey" rel="bookmark" class="crp_title">Google counter: meu primeiro script para o greasemonkey</a></li><li><a href="http://brunotorres.net/ferramentas-indispensaveis-desenvolvedor-web" rel="bookmark" class="crp_title">Web developer toolbar, DOM Inspector, InspectThis e Venkman: ferramentas indispensÃ¡veis ao desenvolvedor web</a></li><li><a href="http://brunotorres.net/zoom-vs-redimensionamento-de-texto-firefox-so-falta-voce" rel="bookmark" class="crp_title">Zoom vs. redimensionamento de texto. Firefox, sÃ³ falta vocÃª</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/seu-menu-dropdown-funciona-com-o-teclado/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>Zoom vs. redimensionamento de texto. Firefox, sÃ³ falta vocÃª</title>
		<link>http://brunotorres.net/zoom-vs-redimensionamento-de-texto-firefox-so-falta-voce</link>
		<comments>http://brunotorres.net/zoom-vs-redimensionamento-de-texto-firefox-so-falta-voce#comments</comments>
		<pubDate>Tue, 21 Nov 2006 22:23:40 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[gecko]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[opinion]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://brunotorres.net/2006/11/21/zoom-vs-redimensionamento-de-texto-firefox-so-falta-voce</guid>
		<description><![CDATA[Devo reconhecer que o time de desenvolvedores do Internet Explorer 7 foi muito feliz ao optar por oferecer a funÃ§Ã£o de zoom em pÃ¡ginas web, ao invÃ©s de simplesmente redimensionar o texto. Esta funcionalidade de zoom foi primeiro implementada pelo Opera (de repente me parece que tudo que hÃ¡ de interessante nos browsers modernos foi [...]]]></description>
			<content:encoded><![CDATA[<p>Devo reconhecer que o time de desenvolvedores do <a href="http://ie7.com/">Internet Explorer 7</a> foi muito feliz ao optar por oferecer a funÃ§Ã£o de <a href="http://blogs.msdn.com/ie/archive/2006/02/07/526805.aspx">zoom em pÃ¡ginas web</a>, ao invÃ©s de simplesmente redimensionar o texto.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Esta funcionalidade de zoom foi primeiro <a href="http://www.opera.com/support/tutorials/tips/">implementada pelo Opera</a> (de repente me parece que tudo que hÃ¡ de interessante nos browsers modernos foi inventado pelo Opera&#8230;) e o efeito Ã© muito mais agradÃ¡vel e efetivo do que simplesmente redimensionar o texto e deixar o layout da pÃ¡gina quebrar, se for o caso.</p>
<p>Para quem nÃ£o sabe do que estou falando, explico: ao dar um zoom em uma pÃ¡gina, todos os elementos daquela pÃ¡gina (incluindo as imagens) sÃ£o redimensionados na mesma proporÃ§Ã£o, mantendo assim o design intacto, alÃ©m de possibilitar que textos pequenos em imagens possam ser lidos sem problemas. Claro, o design Ã© mantido intacto atÃ© certo ponto, porque fatalmente uma hora as coisas vÃ£o ficar grandes demais para caber confortavelmente na tela.</p>
<p>Com o Internet Explorer 7 aderindo a esse, chamemos assim, &#8220;movimento&#8221;, acende-se uma luz no fim do tÃºnel para os designers que se preocupam com <a href="http://acessodigital.net/">acessibilidade</a> nas pÃ¡ginas que criam. Se todos os browsers se comportassem dessa maneira, nÃ£o precisarÃ­amos mais nos preocupar em usar unidades relativas de tamanho de fonte, por exemplo.</p>
<p>Claro, isso nÃ£o Ã© coisa pra daqui a uma semana, jÃ¡ que a migraÃ§Ã£o para uma nova versÃ£o do Internet Explorer nÃ£o Ã© feita da noite para o dia por todos os usuÃ¡rios e, como bem sabemos, nem todos os usuÃ¡rios vÃ£o realmente migrar para a Ãºltima versÃ£o. Portanto ainda teremos que nos preocupar em fornecer aos usuÃ¡rios uma maneira simples de redimensionar os textos, caso nÃ£o consigam ler confortavelmente a pÃ¡gina.</p>
<p>PorÃ©m, o maior problema Ã© que o <a href="http://www.getfirefox.com/">Firefox</a>, que Ã© o meu browser favorito e que tem tido um crescimento bastante grande nos Ãºltimos tempos, nÃ£o tem a funcionalidade de zoom. E eu acho que Ã© hora de mudar isso.</p>
<p>Se o pessoal da microsoft conseguiu fazer isso com o internet explorer, que Ã© notoriamente um browser cheio de falhas, o pessoal da mozilla consegue, com certeza, fazer a mesma coisa, com o pÃ© nas costas. Por que nÃ£o?</p>
<p>EntÃ£o, fica aqui a minha sÃºplica para o pessoal que cuida do desenvolvimento do Firefox: implementem a opÃ§Ã£o de zoom em pÃ¡ginas web. NÃ£o precisa ser a Ãºnica opÃ§Ã£o, pode-se manter o redimensionamento apenas de texto para aqueles que o prefiram. Mas Ã© importantÃ­ssimo ter o zoom como opÃ§Ã£o. E digo mais, Ã© mais importante ainda ter essa funcionalidade estampada na cara do usuÃ¡rio, sem que ele tenha que descobrir teclas de atalho ou itens escondidos no menu. O modelo usado pelo IE7 Ã© um bom comeÃ§o, com botÃµezinhos bem destacados na barra de status.</p>
<p>Vamos lÃ¡, Mozilla, o IE nÃ£o pode ficar Ã  frente do Firefox em nada. Aproveitem que a implementaÃ§Ã£o deles nÃ£o Ã© 100%, jÃ¡ que gera barras de rolagem indesejÃ¡veis, e faÃ§am uma implementaÃ§Ã£o Ã³tima, se possÃ­vel, melhor que a do <a href="http://www.opera.com/">Opera</a> (ok, acho que nÃ£o Ã© possÃ­vel, mas&#8230;).</p>
<p>E vocÃªs, concordam que o zoom Ã© mais interessante que o redimensionamento de texto? NÃ£o? Por quÃª? Acho que isso precisa ser discutido.</p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/msie-velho" rel="bookmark" class="crp_title">Porque a Microsoft nÃ£o atualiza o Internet Explorer</a></li><li><a href="http://brunotorres.net/internet-explorer-7-vs-firefox-20-tratamento-de-feeds-parte-1-firefox-20" rel="bookmark" class="crp_title">Internet Explorer 7 vs. Firefox 2.0 &#8211; tratamento de feeds. Parte 2: Firefox 2.0</a></li><li><a href="http://brunotorres.net/leitores-de-titulos" rel="bookmark" class="crp_title">Leitores de tÃ­tulos</a></li><li><a href="http://brunotorres.net/um-dia-e-meio-com-o-internet-explorer-7" rel="bookmark" class="crp_title">Um dia e meio com o Internet Explorer 7</a></li><li><a href="http://brunotorres.net/sera-que-o-ie7-vai-mesmo-popularizar-os-feeds" rel="bookmark" class="crp_title">SerÃ¡ que o IE7 vai mesmo popularizar os feeds?</a></li><li><a href="http://brunotorres.net/microsoft-lanca-ie7" rel="bookmark" class="crp_title">A microsoft lanÃ§a o IE7&#8230;e quem fica feliz Ã© o pessoal do Firefox</a></li><li><a href="http://brunotorres.net/tamanho-de-fonte-no-browser" rel="bookmark" class="crp_title">Tamanho de fonte no browser</a></li><li><a href="http://brunotorres.net/internet-explorer-7-vs-firefox-20-tratamento-de-feeds-parte-1-ie7" rel="bookmark" class="crp_title">Internet Explorer 7 vs. Firefox 2.0 &#8211; tratamento de feeds. Parte 1: IE7</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/zoom-vs-redimensionamento-de-texto-firefox-so-falta-voce/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Quem disse que display:none esconde conteÃºdo do JAWS?</title>
		<link>http://brunotorres.net/quem-disse-que-displaynone-esconde-conteudo-do-jaws</link>
		<comments>http://brunotorres.net/quem-disse-que-displaynone-esconde-conteudo-do-jaws#comments</comments>
		<pubDate>Tue, 10 Oct 2006 06:47:02 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[media-types]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://brunotorres.net/2006/10/10/quem-disse-que-displaynone-esconde-conteudo-do-jaws</guid>
		<description><![CDATA[Hoje me deparei com um problema que me remeteu hÃ¡ uma histÃ³ria antiga, da ascensÃ£o e queda do FIR como tÃ©cnica eficiente de Image Replacement. Na Ã©poca, o FIR foi levado Ã  fogueira e deixou de ser recomendado pelos especialistas no assunto, pois o artifÃ­cio de se esconder o conteÃºdo de um SPAN usando display:none [...]]]></description>
			<content:encoded><![CDATA[<p>Hoje me deparei com um problema que me remeteu hÃ¡ uma histÃ³ria antiga, da ascensÃ£o e queda do <a href="http://www.stopdesign.com/articles/replace_text/"><acronym title="Fahrner Image Replacement">FIR</acronym></a> como tÃ©cnica eficiente de <a href="http://www.mezzoblue.com/tests/revised-image-replacement/"><em lang="en">Image Replacement</em></a>.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Na Ã©poca, o FIR foi levado Ã  fogueira e deixou de ser recomendado pelos especialistas no assunto, pois o artifÃ­cio de se esconder o conteÃºdo de um SPAN usando <em>display:none</em> esconderia o conteÃºdo tambÃ©m de leitores de tela, notadamente do <a href="http://www.blazie.com/fs_products/software_jaws.asp">JAWS</a>, um dos mais (talvez o mais) usados leitores de tela do mundo.</p>
<p>Como leitores de tela sÃ£o extremamente difÃ­ceis de usar por pessoas que enxergam e como tinha gente importante dizendo que isso funcionava assim e ponto e que tinham testado e etcetera e tal, nunca me preocupei em verificar com minhas prÃ³prias mÃ£os (e ouvidos) se isso era realmente verdade.</p>
<p>Acontece que estou desenvolvendo um site para um portuguÃªs, que Ã© cego. Ele me pediu que, em algumas partes do site, usasse uma funÃ§Ã£o em JavaScript para alternar um determinado conteÃºdo (estilo <a href="http://www.dustindiaz.com/seven-togglers/"><em lang="en">toggle</em></a>). Como os conteÃºdos sÃ£o pequenos, nÃ£o precisei usar nada de AJAX, simplesmente deixÃ¡-los carregados (e escondidos) no HTML e, de acordo com a aÃ§Ã£o do usuÃ¡rio, esconder um elemento e mostrar outro. Simples assim.</p>
<p>Fui na onda de que o <em>display:none</em> iria esconder o conteÃºdo do JAWS&#8230;e me dei mal.</p>
<p>O cliente insistia em me dizer que o lance nÃ£o funcionava e eu nÃ£o entendia porque. Segundo ele, o leitor de tela (sim, o JAWS) estava lendo todo o conteÃºdo, mesmo o que deveria estar escondido.</p>
<p>Peguei um cafÃ© e comecei a pensar. O que poderia estar errado?</p>
<p>Simples, o JAWS ignora, sim, um determinado conteÃºdo escondido via <em>display:none</em>, <strong>a nÃ£o ser que vocÃª declare este display:none apenas para mÃ­dias visuais (<em lang="en">screen</em>, por exemplo)</strong>.</p>
<p>Veja bem. Em geral, quando aplicamos uma folha de estilos CSS a um HTML, esquecemos de declarar a(s) mÃ­dia(s) (ou <em lang="en">media type</em>) a que este CSS deve ser aplicado. Exemplo: <code>&lt;link rel="stylesheet" type="text/css" href="/c/estilo.css"&gt;</code></p>
<p>Usando o cÃ³digo acima, o estilo serÃ¡ aplicado independente da mÃ­dia. Se ela tiver suporte a CSS, este serÃ¡ aplicado. Ponto.</p>
<p>O mesmo aconteceria caso usÃ¡ssemos: <code>&lt;style type="text/css"&gt;@import url(/c/estilo.css);&lt;/style&gt;</code></p>
<p>O cÃ³digo acima costuma ser usado por aqueles que desejam que seu CSS seja ignorado por browsers antigos, como o Netscape 4, por exemplo.</p>
<p>SÃ³ que faz tempo que uso outro artifÃ­cio para esconder meus CSS das velharias (jÃ¡ que o mÃ©todo acima pode causar o que chamamos de <a href="http://www.bluerobot.com/web/css/fouc.asp"><acronym title="Flash of Unstyled Content">FOUC</acronym></a>). Declaro dois <em lang="en">media types</em>, separados por uma vÃ­rgula e um espaÃ§o. Assim: <code>&lt;link rel="stylesheet" type="text/css" href="/c/estilo.css" media="screen, projection"&gt;</code></p>
<p>E era isso que eu estava usando no site a que fiz referÃªncia acima. Retirei os <em lang="em">media types</em> e, <em lang="fr">voilÃ </em>, o JAWS passou a ignorar o conteÃºdo escondido pelo <em>display:none</em>.</p>
<p>Claro, nÃ£o quero dizer que vocÃª nÃ£o deva declarar media types ao aplicar um CSS a uma pÃ¡gina. Longe disso. O lance Ã© criar um outro CSS, apenas com os <em>display:none</em> que devam ser interpretados por leitores de tela e aplicar ao conteÃºdo sem declarar a mÃ­dia. (Preciso verificar se funcionaria usando a mÃ­dia aural).</p>
<p>Se alguÃ©m tiver disposiÃ§Ã£o e condiÃ§Ãµes de testar isso em outros leitores de tela, por favor, me conte os resultados para que eu publique aqui como referÃªncia.</p>
<p>Voltando ao FIR, acho que ele continua nÃ£o sendo uma boa forma de <em lang="en">image replacement</em>. NÃ£o porque torne o conteÃºdo inacessÃ­vel para leitores de tela, mas por outros motivos, como nÃ£o funcionar em situaÃ§Ãµes onde haja suporte a CSS e nÃ£o haja suporte a imagens.</p>
<p>Moral da histÃ³ria: por mais que especialistas te digam que alguma coisa Ã© assim e ponto final, Ã© sempre bom dar uma olhadinha e fazer os testes vocÃª mesmo para verificar. Eles podem estar errados, mesmo que seja apenas em parte.</p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/seu-menu-dropdown-funciona-com-o-teclado" rel="bookmark" class="crp_title">Seu menu dropdown funciona com o teclado?</a></li><li><a href="http://brunotorres.net/evitando-caching-css-somente-quando-atualizado" rel="bookmark" class="crp_title">Evitando caching quando (e sÃ³ quando) o arquivo CSS for atualizado</a></li><li><a href="http://brunotorres.net/eu-odeio-caixas-de-login-no-estilo-lightbox" rel="bookmark" class="crp_title">Eu odeio caixas de login no estilo lightbox</a></li><li><a href="http://brunotorres.net/seguindo-padroes" rel="bookmark" class="crp_title">Seguindo Ã  risca os padrÃµes</a></li><li><a href="http://brunotorres.net/mudancas-no-servico-browserfriendly-do-feedburner" rel="bookmark" class="crp_title">MudanÃ§as no serviÃ§o &#8220;BrowserFriendly&#8221; do FeedBurner</a></li><li><a href="http://brunotorres.net/como-mostrar-a-quantidade-de-assinantes-de-um-feed-no-seu-blog" rel="bookmark" class="crp_title">Como mostrar a quantidade de assinantes de um feed no seu blog</a></li><li><a href="http://brunotorres.net/o-que-importa-e-o-bom-senso" rel="bookmark" class="crp_title">O que importa Ã© o bom senso</a></li><li><a href="http://brunotorres.net/atualizar-comentarios-sem-atualizar-feed" rel="bookmark" class="crp_title">Atualizando a quantidade de comentÃ¡rios sem atualizar o feed</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/quem-disse-que-displaynone-esconde-conteudo-do-jaws/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Qual o problema do W3C?</title>
		<link>http://brunotorres.net/qual-o-problema-da-w3c</link>
		<comments>http://brunotorres.net/qual-o-problema-da-w3c#comments</comments>
		<pubDate>Mon, 28 Aug 2006 22:39:18 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[semantics]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://brunotorres.net/2006/08/28/qual-o-problema-da-w3c</guid>
		<description><![CDATA[Nos Ãºltimos meses, alguns dos desenvolvedores mais importantes e influentes do mundo web tÃªm discutido tanto a organizaÃ§Ã£o quanto a capacidade do W3C de continuar desenvolvendo padrÃµes que trabalhem, como diz o slogan (livremente traduzido), para &#8220;levar a web a seu potencial mÃ¡ximo&#8221;. Ã‰ indiscutÃ­vel a importÃ¢ncia do W3C e das tecnologias desenvolvidas e recomendadas [...]]]></description>
			<content:encoded><![CDATA[<p>Nos Ãºltimos meses, alguns dos desenvolvedores mais importantes e influentes do mundo web tÃªm discutido tanto a organizaÃ§Ã£o quanto a capacidade do <abbr title="World Wide Web Consortium">W3C</abbr> de continuar desenvolvendo padrÃµes que trabalhem, como diz o slogan (livremente traduzido), para &#8220;levar a web a seu potencial mÃ¡ximo&#8221;.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Ã‰ indiscutÃ­vel a importÃ¢ncia do W3C e das tecnologias desenvolvidas e recomendadas por seus membros desde o inÃ­cio da web.</p>
<p>PorÃ©m, de uns tempos pra cÃ¡, eles tÃªm realmente pisado feio na bola. NÃ£o em tudo, mas em pontos vitais, fundamentais para que a web continue evoluindo.</p>
<p>Esses pontos sÃ£o, principalmente:</p>
<h3>Acessibilidade</h3>
<p><a href="http://joeclark.org/">Joe Clark</a> escreveu, hÃ¡ 3 meses, no <a href="http://alistapart.com/">a list apart</a>, um <a href="http://alistapart.com/articles/tohellwithwcag2/" title="To Hell with WCAG 2">artigo</a> em que mostra como o <a href="http://www.w3.org/TR/WCAG20/"><abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2</a> Ã© falho em diversos aspectos. Principalmente pelo fato de nÃ£o requerer mais que uma pÃ¡gina, para ser considerada acessÃ­vel, utilize cÃ³digo semÃ¢ntico e vÃ¡lido.</p>
<p>Isso no meio de tantos outros problemas, que tornam o WCAG 2 simplesmente impossÃ­vel de se aplicar no mundo real.</p>
<p>AlÃ©m disso, mostra como o processo de desenvolvimento de uma especificaÃ§Ã£o Ã© burocrÃ¡tico e atÃ© mesmo &#8212; o que Ã© uma baita surpresa quando se trata de um grupo (o <a href="http://www.w3.org/WAI/"><abbr title="Web Accessibility Initiative">WAI</abbr></a>) totalmente dedicado a <a href="http://acessodigital.net/">acessibilidade</a> &#8212; inacessÃ­vel para pessoas com alguns tipos de deficiÃªncia, como cegos e surdos, por exemplo, cujas presenÃ§as e opiniÃµes deveriam ser considerados de suma importÃ¢ncia nas reuniÃµes e conferÃªncias durante o processo de desenvolvimento do WCAG.</p>
<p>Como ele disse, o processo Ã© falho, quebrado, e, dessa forma, Ã© impossÃ­vel que o resultado tabÃ©m nÃ£o seja.</p>
<h3>MarcaÃ§Ã£o e validaÃ§Ã£o de cÃ³digo</h3>
<p>O <a href="http://www.zeldman.com/">Zeldman</a>, velho conhecido de quem trabalha com padrÃµes web, abriu a discussÃ£o mais recente sobre o W3C, comentando a saÃ­da de um membro do grupo de <abbr title="Quality Assurance">QA</abbr> do consÃ³rcio.</p>
<p>Tanto o <a href="http://www.zeldman.com/2006/07/17/an-angry-fix/" title="An Angry Fix">texto do Zeldman</a> quanto o <a href="http://lists.w3.org/Archives/Public/public-qa-dev/2006Jul/0011" title="Leaving W3C QA Dev">email de despedida do BjÃ¶rn HÃ¶rmann</a> (o membro em questÃ£o), mostram falhas terrÃ­veis do W3C em manter o desenvolvimento e o funcionamento de ferramentas importantÃ­ssimas como o validador de HTML, e em ouvir o que dizem e pedem os desenvolvedores (tanto os mais &#8220;distantes&#8221; como eu e vocÃª quanto os mais &#8220;prÃ³ximos&#8221;, envolvidos no desenvolvimento de tecnologias em diversos grupos dentro do W3C).</p>
<p>BjÃ¶rn relata que, em diversos casos, nÃ£o hÃ¡ conversaÃ§Ã£o entre dois grupos distintos, e isso torna o processo de verificaÃ§Ã£o e garantia de qualidade praticamente impossÃ­vel.</p>
<p>O maior problema Ã© que parece que isso acontece nos grupos de trabalho que cuidam do desenvolvimento de linguagens de marcaÃ§Ã£o e das ferramentas de validaÃ§Ã£o, ambos de suma importÃ¢ncia para todo e qualquer desenvolvedor web do mundo.</p>
<p>***</p>
<p>HÃ¡ outros problemas. Mas as duas Ã¡rea acima e seus problemas sÃ£o os que mais me interessam, portanto vou ficar apenas nelas.</p>
<p>O fato Ã© que pessoas influentes tÃªm sistematicamente exposto e discutido falhas muito graves do W3C. Falhas de organizaÃ§Ã£o, falhas tÃ©cnicas, falhas de comunicaÃ§Ã£o.</p>
<p>Se o W3C nÃ£o trabalha em prol dos desenvolvedores, bem, qual o papel do W3C entÃ£o? Por que devemos seguir padrÃµes criados, mantidos e recomendados por uma organizaÃ§Ã£o que, ao que parece, tem trabalhado mais em favor dos interesses de grandes corporaÃ§Ãµes &#8212; que injetam dinheiro no consÃ³rcio &#8212; do que em favor de quem faz e consome a web?</p>
<p>Claro que nÃ£o estou dizendo que devemos parar de nos preocupar com semÃ¢ntica, ou que devemos voltar ao tempo dos layouts feitos com tabela, ou desenvolver tudo com flash, java e afins. Apenas que o W3C nÃ£o Ã© supremo e inquestionÃ¡vel. NÃ£o podemos abaixar a cabeÃ§a e dizer amÃ©m a tudo que eles produzem e recomendam. Ã‰ preciso avaliar cada caso.</p>
<p>E nÃ£o Ã© de hoje que tem gente descontente com os rumos tomados pelo W3C. E isso tem sido extremamente saudÃ¡vel, pois, de alguma forma foi esse descontentamento que fez com que fossem criados grupos de desenvolvimento &#8220;alternativos&#8221;, como o <a href="http://www.whatwg.org/"><acronym title="Web Hypertext Application Technology">WHATWG</acronym></a> e o pessoal dos <a href="http://microformats.org/">microformatos</a>.</p>
<p>O WHATWG (que tem o <a href="http://ln.hixie.ch/">Ian Hickson</a> como editor) trabalha no que, jÃ¡ hÃ¡ algum tempo, eu acho que Ã© a nossa linguagem de marcaÃ§Ã£o do futuro: O <a href="http://whatwg.org/specs/web-apps/current-work/"><span lang="en">Web Applications 1.0</span></a>, tambÃ©m conhecido como HTML5 ou XHTML5.</p>
<p>NÃ£o vou entrar em detalhes sobre o HTML5 aqui, nÃ£o Ã© esse o propÃ³sito do artigo. Basicamente o HTML5 Ã© uma extensÃ£o ao HTML e ao DOM, que adiciona diversas funcionalidades interessantes para o desenvolvimento de aplicaÃ§Ãµes web. VocÃª pode ver algumas <a href="http://whatwg.org/demos/">demonstraÃ§Ãµes simples do que pode ser feito com o HTML5</a>. Alguns deles (o &#8220;Repetition model&#8221; e o &#8220;datetime&#8221;) jÃ¡ sÃ£o implementados pelo <a href="http://opera.com/">Opera 9</a>.</p>
<p>Prometo que em breve escreverei em um artigo meus motivos para acreditar que o HTML5 (e nÃ£o o <a href="http://www.w3.org/TR/xhtml2/"><abbr title="Extensible Hypertext Markup Language">XHTML</abbr> 2</a>) Ã© a linguagem de marcaÃ§Ã£o que vamos usar daqui a alguns anos.</p>
<p>E os Microformatos (cujo principal nome Ã© <a href="http://tantek.com/">Tantek Ã‡elik</a>), como jÃ¡ discutimos no <a href="/2006/06/08/blogbits-podcast-8-microformatos-e-semantica">podcast #8 do BlogBits</a>, sÃ£o uma opÃ§Ã£o pÃ©-no-chÃ£o para transformar a web de hoje em uma web semÃ¢ntica, usando o conhecimento que jÃ¡ temos hoje.</p>
<p>Ao invÃ©s de esperar pelo W3C, esses dois grupos meteram a mÃ£o na massa, criaram seus prÃ³prios padrÃµes, padrÃµes aplicÃ¡veis no mundo real e, principalmente, no <em>mundo de hoje</em>.</p>
<p>Fiquemos de olho. Abaixo vÃ£o alguns links que vocÃª deve seguir para saber mais sobre o W3C e seus problemas:</p>
<ul>
<li><a href="http://www.zeldman.com/2006/07/17/an-angry-fix/">Jeffrey Zeldman &#8211; An Angry Fix</a></li>
<li><a href="http://meyerweb.com/eric/thoughts/2006/08/14/angry-indeed/">Eric Meyer &#8211; Angry Indeed</a></li>
<li><a href="http://www.molly.com/2006/08/14/angry-not-zeldman-meyer-and-fair-concerns-about-the-w3c/">Molly Holzschlag &#8211; Angry, Not: Zeldman, Meyer, and Fair Concerns About the W3C</a></li>
<li><a href="http://alistapart.com/articles/tohellwithwcag2/">Joe Clark &#8211; To Hell with WCAG 2</a></li>
<li><a href="http://lists.w3.org/Archives/Public/public-qa-dev/2006Jul/0011">BjÃ¶rn HÃ¶rmann &#8211; Leaving W3C QA Dev</a></li>
<li><a href="http://www.webstandards.org/2006/07/26/misplaced-anger-a-rebuttal-to-zeldmans-criticism-of-the-w3c/">Molly Holzschlag &#8211; Misplaced Anger: A Rebuttal to Zeldmanâ€™s Criticism of the W3C</a></li>
<li><a href="http://www.diveintomark.org/">mark Pilgrim &#8211; W3C and the Overton window</a></li>
<li><a href="http://www.w3.org/QA/2006/07/a_peaceful_ear.html">W3C QA Weblog &#8211; A Peaceful Ear</a></li>
</ul>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/mark-pilgrim-no-google-fazendo-o-que" rel="bookmark" class="crp_title">Mark Pilgrim no Google. Fazendo o quÃª?</a></li><li><a href="http://brunotorres.net/mais-um-cerebro" rel="bookmark" class="crp_title">Mais um cÃ©rebro</a></li><li><a href="http://brunotorres.net/blogbits-podcast-8-microformatos-e-semantica" rel="bookmark" class="crp_title">Blogbits podcast #8: Microformatos e semÃ¢ntica</a></li><li><a href="http://brunotorres.net/xhtml-pensando-no-futuro" rel="bookmark" class="crp_title">XHTML: pensando no futuro?</a></li><li><a href="http://brunotorres.net/o-que-importa-e-o-bom-senso" rel="bookmark" class="crp_title">O que importa Ã© o bom senso</a></li><li><a href="http://brunotorres.net/podcast-tableless-25-qual-a-importancia-da-validacao-do-html" rel="bookmark" class="crp_title">Podcast Tableless #25 &#8211; Qual a importÃ¢ncia da validaÃ§Ã£o do HTML?</a></li><li><a href="http://brunotorres.net/tabelas-estilo-zebra" rel="bookmark" class="crp_title">Tabelas estilo &#8220;zebra&#8221;</a></li><li><a href="http://brunotorres.net/podcast-12" rel="bookmark" class="crp_title">Podcast #12</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/qual-o-problema-da-w3c/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Acessibilidade nÃ£o Ã© altruÃ­smo</title>
		<link>http://brunotorres.net/acessibilidade-nao-e-altruismo</link>
		<comments>http://brunotorres.net/acessibilidade-nao-e-altruismo#comments</comments>
		<pubDate>Tue, 14 Mar 2006 00:07:20 +0000</pubDate>
		<dc:creator>Bruno Torres</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://brunotorres.net/2006/03/13/acessibilidade-nao-e-altruismo</guid>
		<description><![CDATA[Tenho estudado e discutido muito sobre acessibilidade ultimamente e gostaria de fazer uma pequena observaÃ§Ã£o sobre os porquÃªs de se preocupar com acessibilidade ao desenvolver sites: acessibilidade Ã©, antes de qualquer coisa, inteligÃªncia e visÃ£o de mercado. Por quÃª? Porque quando vocÃª torna o seu site acessÃ­vel vocÃª estÃ¡ simplesmente maximizando a exposiÃ§Ã£o do seu [...]]]></description>
			<content:encoded><![CDATA[<p>Tenho estudado e discutido muito sobre <a href="http://acessodigital.net/">acessibilidade</a> ultimamente e gostaria de fazer uma pequena observaÃ§Ã£o sobre os porquÃªs de se preocupar com acessibilidade ao desenvolver sites: acessibilidade Ã©, antes de qualquer coisa, inteligÃªncia e visÃ£o de mercado.<!--<a id="gotocontentlink" href="#post-content">Pular anúncios</a>--><div class="adpostsearch">
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-6502782542223555";
/* adPostSearch */
google_ad_slot = "4051981144";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div><!--<a name="post-content"></a>-->

<p>Por quÃª? Porque quando vocÃª torna o seu site acessÃ­vel vocÃª estÃ¡ simplesmente maximizando a exposiÃ§Ã£o do seu produto e/ou serviÃ§o. Pensar em acessibilidade nÃ£o Ã© ser bonzinho, Ã© enxergar no pÃºblico nÃ£o-padrÃ£o e com necessidades especiais, potenciais consumidores para o que vocÃª estÃ¡ vendendo.</p>
<p>No fim das contas, quem ganha mais com acessibilidade nÃ£o sÃ£o os cegos, daltÃ´nicos, deficientes em geral, usuÃ¡rios de dispositivos mÃ³veis, etc. Quem ganha mais Ã© vocÃª, que vai passar a ter um pÃºblico imensamente maior e mais diverso que antes.</p>
<p>Quando se fala em acessibilidade, a maioria das pessoas pensa nos cegos. E muita gente tem a noÃ§Ã£o &#8212; errada, claro &#8212; de que cegos nÃ£o compram, por exemplo, livros, televisÃµes, quadros, ingressos para cinema ou teatro ou qualquer outro produto que seja essencialmente ou primariamente visual. Isso Ã© uma tremenda besteira. Primeiro porque produtos, como no caso da televisÃ£o, primariamente visuais, sÃ£o sim utilizados por pessoas cegas, ora por que nÃ£o? E produtos essencialmente visuais, como livros (excetuando-se os escritos em braile, claro), podem nÃ£o ser utilizados por eles, mas isso nÃ£o impede que comprem para dar de presente, por exemplo.</p>
<p>E, bem, isso falando apenas das pessoas cegas. AlÃ©m delas, quando fazemos um site, temos que pensar em outros tipos de usuÃ¡rios. UsuÃ¡rios de dispositivos mÃ³veis, por exemplo.</p>
<p>Imagine que um potencial cliente para o seu produto entre no seu site e tente, inutilmente, efetuar uma operaÃ§Ã£o de compra. O que ele vai fazer? Mandar um email pra vocÃª pedindo encarecidamente que vocÃª o considere como consumidor? Bem, ele pode atÃ© fazer isso, mas nÃ£o encarecidamente e nÃ£o sem antes ter dado uma bela banana pra vocÃª e comprado o produto no site do concorrente.</p>
<p>Portanto, pessoal, vamos comeÃ§ar a nos preocupar com acessibilidade, mas de uma maneira diferente. NÃ£o nos sentindo altruÃ­stas por estar incluindo um pÃºblico marginalizado na web, mas sim sendo inteligentes para enxergar que quanto mais gente acessa um site, maiores as chances deste cumprir o seu objetivo, seja ele vender, informar, fazer propaganda ou outro qualquer.</p>
<p>E nÃ£o vale o velho argumento de que <q>ninguÃ©m acessa o meu site via PDA ou celular</q>. NinguÃ©m acessa porque vocÃª nÃ£o deixa. Abra a porta e veja quanta gente estÃ¡ sentada na soleira esperando para entrar no seu estabelecimento digital.</p>
<div id="crp_related"><h3>Leia tambÃ©m:</h3><ul><li><a href="http://brunotorres.net/acessibilidade-na-web-custo-ou-beneficio" rel="bookmark" class="crp_title">Acessibilidade na web: Custo ou benefÃ­cio?</a></li><li><a href="http://brunotorres.net/jornada-de-conhecimento-sobre-acessibilidade-na-web" rel="bookmark" class="crp_title">Jornada de conhecimento sobre acessibilidade na web</a></li><li><a href="http://brunotorres.net/podcast-sobre-acessibilidade" rel="bookmark" class="crp_title">Podcast sobre acessibilidade</a></li><li><a href="http://brunotorres.net/workshop-e-palestra-em-novembro" rel="bookmark" class="crp_title">Workshop e palestra em novembro</a></li><li><a href="http://brunotorres.net/curso-de-acessibilidade-visie-codeshow" rel="bookmark" class="crp_title">Curso de Acessibilidade + Visie CodeShow</a></li><li><a href="http://brunotorres.net/pagseguro-sistema-de-pagamentos-online-seguro" rel="bookmark" class="crp_title">PagSeguro: sistema de pagamentos online seguro</a></li><li><a href="http://brunotorres.net/todaoferta-o-mercado-livre-killer-do-uol" rel="bookmark" class="crp_title">TodaOferta: O &#8220;Mercado Livre killer&#8221; do UOL</a></li><li><a href="http://brunotorres.net/o-que-importa-e-o-bom-senso" rel="bookmark" class="crp_title">O que importa Ã© o bom senso</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://brunotorres.net/acessibilidade-nao-e-altruismo/feed</wfw:commentRss>
		<slash:comments>57</slash:comments>
		</item>
	</channel>
</rss>

