<?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>JulioGreff.net &#187; hijax</title>
	<atom:link href="http://juliogreff.net/tag/hijax/feed/" rel="self" type="application/rss+xml" />
	<link>http://juliogreff.net</link>
	<description>A mesma web, um novo estilo de desenvolvimento</description>
	<lastBuildDate>Sat, 07 May 2011 17:07:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Hijax: Ajax Acessível</title>
		<link>http://juliogreff.net/hijax-ajax-acessivel/</link>
		<comments>http://juliogreff.net/hijax-ajax-acessivel/#comments</comments>
		<pubDate>Thu, 22 May 2008 20:08:11 +0000</pubDate>
		<dc:creator>Julio Greff</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Usabilidade/Acessibilidade]]></category>
		<category><![CDATA[acessibilidade]]></category>
		<category><![CDATA[boas práticas]]></category>
		<category><![CDATA[hijax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[kiss]]></category>

		<guid isPermaLink="false">http://juliogreff.blog.br/?p=145</guid>
		<description><![CDATA[De longe, um dos maiores problemas no uso de Ajax é a acessibilidade. A facilidade em atualizar apenas uma parte da página tornou os desenvolvedores menos preocupados com a acessibilidade de seus projetos. Sem JavaScript, sites inteiros tornam-se completamente inacessíveis. Então, qual a solução para esse problema? Para evitar que o caos venha a este [...]

<h3>Posts Relacionados</h3><ul><li><a href='http://juliogreff.net/ajax-vs-acessibilidade/' rel='bookmark' title='Permanent Link: Ajax vs. Acessibilidade'>Ajax vs. Acessibilidade</a></li>
<li><a href='http://juliogreff.net/ajax-vs-moda-vs-performance/' rel='bookmark' title='Permanent Link: Ajax vs. Moda vs. Performance'>Ajax vs. Moda vs. Performance</a></li>
<li><a href='http://juliogreff.net/a-aplicacao-ajax-perfeita/' rel='bookmark' title='Permanent Link: A Aplicação Ajax Perfeita'>A Aplicação Ajax Perfeita</a></li>
<li><a href='http://juliogreff.net/fila-de-requisicoes-em-ajax/' rel='bookmark' title='Permanent Link: Fila de Requisições em Ajax'>Fila de Requisições em Ajax</a></li>
<li><a href='http://juliogreff.net/ajax-com-a-mootools/' rel='bookmark' title='Permanent Link: Ajax com a Mootools'>Ajax com a Mootools</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<p>De longe, um dos maiores problemas no uso de Ajax é a acessibilidade. A facilidade em atualizar apenas uma parte da página tornou os desenvolvedores menos preocupados com a acessibilidade de seus projetos. Sem JavaScript, sites inteiros tornam-se <strong>completamente inacessíveis</strong>. Então, qual a solução para esse problema?</p>
<p>Para evitar que o caos venha a este mundo, surge outra palavrinha: <strong>Hijax</strong>. Mas primeiro vamos voltar a algumas premissas do desenvolvimento web: <strong>aprimoramento progressivo</strong> (<strong>progressive enhancement</strong>) e <strong>degradação elegante</strong> (<strong>graceful degradation</strong>), e me desculpem se errei a tradução dos termos&#8230;</p>
<h3>Aprimoramento Progressivo &#8211; Primeiro o Conteúdo</h3>
<p>Ninguém começa (ou pelo menos não deveria começar) a desenvolver uma aplicação primeiro pela camada de comportamento, isso vai completamente contra a filosofia de desenvolvimento em camadas (primeiro o conteúdo, depois a apresentação e, por último, o comportamento).</p>
<p>A idéia é começar o desenvolvimento de baixo. Em outras palavras, desenvolva da maneira antiga, usando links como sempre se usou desde que a Internet é Internet, devolvendo páginas inteiras como resposta. Depois, somente depois, comece a adicionar funcionalidades <strong>que melhorem a experiência do usuário</strong> (nada de frescuras que o usuário só vai achar bonito, <a href="http://juliogreff.net/ajax-vs-acessibilidade/" title="Ajax vs. Acessibilidade">pra que reinventar o link?</a>).</p>
<h3>Degradação Elegante &#8211; Útil sem perder a elegância</h3>
<p>&#8220;Degradação elegante&#8221; significa perder alguns recursos sem perder suas funcionalidades. Pode-se perder algumas animações e outros fru-frus, mas perder acesso ao conteúdo é inadmissível. CSS não é tão importante quanto as informações que queremos mostrar. Nunca ouviu a frase &#8220;mais ajuda quem não atrapalha&#8221;? A idéia é a mesma.</p>
<p>O desenvolvimento progressivo e em camadas é o caminho mais rápido para a degradação elegante. Mesmo utilizando Ajax, o conteúdo ainda deve continuar acessível através de um link comum. É aí onde <strong>Hijax</strong> entra.</p>
<h3>Hijax &#8211; Seqüestrando os Links</h3>
<p>O próprio termo explica bem o uso da técnica. <a href="http://domscripting.com/blog/display/41" title="Hijax - DOM Scripting" rel="external">Hijax</a>, do inglês hijack (&#8220;seqüestrar&#8221;), quer dizer <strong>seqüestrar</strong> os links comuns, e transformá-los em links Ajax. Simples assim.</p>
<p>&#8220;Simples assim&#8221;? Bem, nem tanto, eu confesso. Seus scripts server-side precisam estar preparados para decidir se enviam o &#8220;pacote completo&#8221; ou a &#8220;versão básica&#8221; da página, se for uma requisição normal ou uma requisição assíncrona, respectivamente. Uma breve dica: header <code>X-Requested-With</code>. Duas versões do site? Nunca mais, isso morreu junto com o Netscape, há muito tempo.</p>
<p>Vale lembrar que somente o uso de Hijax não faz uma aplicação completamente acessível, usável e rica. Há muito mais a se pensar. Já falei sobre <a href="http://juliogreff.net/a-aplicacao-ajax-perfeita/" title="A Aplicação Ajax Perfeita">alguns aspectos para uma boa aplicação Ajax</a>, mas tenho absoluta certeza que não passei nem perto de tudo que é necessário. Mas tudo isso já é uma boa base a ser levada em consideração, e com isso já é possível criar algo melhor que muita coisa que existe por aí, tenha certeza. E você, tem feito seu dever de casa e seguido princípios para tornar sua aplicação disponível a todos?</p>


<h3>Posts Relacionados</h3><ul><li><a href='http://juliogreff.net/ajax-vs-acessibilidade/' rel='bookmark' title='Permanent Link: Ajax vs. Acessibilidade'>Ajax vs. Acessibilidade</a></li>
<li><a href='http://juliogreff.net/ajax-vs-moda-vs-performance/' rel='bookmark' title='Permanent Link: Ajax vs. Moda vs. Performance'>Ajax vs. Moda vs. Performance</a></li>
<li><a href='http://juliogreff.net/a-aplicacao-ajax-perfeita/' rel='bookmark' title='Permanent Link: A Aplicação Ajax Perfeita'>A Aplicação Ajax Perfeita</a></li>
<li><a href='http://juliogreff.net/fila-de-requisicoes-em-ajax/' rel='bookmark' title='Permanent Link: Fila de Requisições em Ajax'>Fila de Requisições em Ajax</a></li>
<li><a href='http://juliogreff.net/ajax-com-a-mootools/' rel='bookmark' title='Permanent Link: Ajax com a Mootools'>Ajax com a Mootools</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://juliogreff.net/hijax-ajax-acessivel/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

