<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Multi(mediar)</title>
	<atom:link href="http://multimediar.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://multimediar.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Sat, 17 Jan 2009 17:42:32 +0000</lastBuildDate>
	<language>pt</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='multimediar.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Multi(mediar)</title>
		<link>http://multimediar.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://multimediar.wordpress.com/osd.xml" title="Multi(mediar)" />
	<atom:link rel='hub' href='http://multimediar.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Parceria na Acessibilidade &#8211; BAES</title>
		<link>http://multimediar.wordpress.com/2009/01/17/parceria-na-acessibilidade-baes/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/parceria-na-acessibilidade-baes/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 17:31:04 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Acessibilidade]]></category>
		<category><![CDATA[BAES]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=100</guid>
		<description><![CDATA[A Biblioteca Aberta do Ensino Superior surgiu com a missão de reduzir o fosso existente entre informação disponível e informação acessível. É o resultado de uma parceria entre nove instituições do Ensino Superior Público que colaboram na produção, acesso e partilha de informação.               Esta parceria evita a duplicação de informação (quando uma obra [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=100&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">A <a title="BAES" href="http://baes.up.pt/" target="_blank">Biblioteca Aberta do Ensino Superior</a> surgiu com a missão de reduzir o fosso existente entre informação disponível e informação acessível. É o resultado de uma parceria entre nove instituições do Ensino Superior Público que colaboram na produção, acesso e partilha de informação. </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><span>            <img class="aligncenter size-full wp-image-104" title="baes" src="http://multimediar.files.wordpress.com/2009/01/baes.gif?w=500" alt="baes"   /></span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Esta parceria evita a duplicação de informação (quando uma obra já está em produção é assinalada o que impede que todos trabalhem no mesmo) e contribui para o aumento da produção assim como para a uniformização do processo de produção. A informação é disponibilizada a um universo maior de utilizadores. </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O objectivo é fazer render os recursos e, com a cooperação de profissionais de diversas áreas e diferentes regiões, procurar soluções conjuntas. </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O resultado está à vista com a criação de duas novas unidades de produção e a multiplicação a nível nacional de postos de acesso devidamente equipados para servir utilizadores com diferentes necessidades (ex.: virador de páginas e sensor de movimento de cabeça). Existem neste momento mais de 3000 títulos em Braille, áudio e texto integral disponíveis.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><span>            </span></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O acesso à BAES pode fazer-se através do <a title="Portal UP" href="http://sigarra.up.pt/up/" target="_blank">portal da Universidade do Porto</a>, da <a title="Biblioteca de Letras" href="http://sdi.letras.up.pt/" target="_blank">Biblioteca de Letras</a> ou da <a title="Biblioteca Virtual" href="http://zen.up.pt/" target="_blank">Biblioteca Virtual</a>. Todos têm acesso ao registo da informação (referências bibliográficas) mas só os utilizadores registados podem aceder ao texto integral.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><span>            </span>A BAES produz e as obras são colocadas nos </span><span style="font-size:12pt;line-height:150%;font-family:&quot;">ALFA</span><span style="font-size:12pt;line-height:150%;font-family:&quot;"> (Áreas de Leitura em Formatos Alternativos). O repositório da UP é actualizado, assim como o catálogo da Biblioteca.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O facto de a BAES estar integrada no sistema utilizado pela Universidade assegura que não fique esquecida e faça parte das renovações.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Alice Ribeiro, responsável pelo Serviço de Apoio ao Estudante com Deficiência da UP, afirma que <em>a Biblioteca Aberta do Ensino Superior está aberta a novos parceiros e novas possibilidades de cooperação.</em></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0 0 0 35.4pt;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Gostaria de referir que na produção destes documentos em suporte digital há que ter em consideração algumas regras. A título de exemplo:</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Os espaços em branco devem ser limitados.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">As referências bibliográficas devem ser o mais completas possível.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Deve-se proceder sempre a uma rigorosa revisão ortográfica.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Há que eliminar as quebras de página ou de secção contínua.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O número de páginas não deve ser eliminado mas sim colocado entre parêntesis rectos, deixando uma linha em branco antes e depois desta indicação.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Deve retirar-se o hífen às palavras hifenizadas no final das linhas, as tabelas devem se desmontadas,</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">As notas de rodapé ou cabeçalho devem ser sempre colocadas no final do documento.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Os parágrafos devem ser definidos através de tabulação, deve manter-se uma ordem correcta de cabeçalhos, ou seja, não se pode colocar um cabeçalho 2 para um título e um cabeçalho 1 para o subtítulo.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">No<em> </em>Guia de Boas Práticas na Construção de Web Sites da Administração Directa e Indirecta do Estado pode ler-se que<em> a Sociedade da Informação, tal como foi concebida, não deverá excluir ninguém, nomeadamente todo e qualquer cidadão com necessidades especiais. Os conteúdos e as ferramentas criados devem permitir que estes cidadãos possam pertencer a essa sociedade e não o contrário, pelo que os obstáculos erguidos no formato de barreiras tecnológicas devem ser eliminados ou diminuídos.</em> </span></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">A BAES trabalha neste sentido e torna-se assim uma mais-valia e uma referência numa sociedade que ainda caminha para a Acessibilidade. Aos poucos e poucos estamos a <em>construir acessos para derrubar barreiras.</em></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/100/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/100/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/100/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/100/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/100/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/100/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/100/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/100/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/100/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/100/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/100/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/100/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/100/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/100/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=100&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/parceria-na-acessibilidade-baes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/baes.gif" medium="image">
			<media:title type="html">baes</media:title>
		</media:content>
	</item>
		<item>
		<title>Modelo Conceptual e Protótipos da Segunda Infografia Parte 3</title>
		<link>http://multimediar.wordpress.com/2009/01/17/modelo-conceptual-e-prototipos-da-segunda-infografia-parte-3/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/modelo-conceptual-e-prototipos-da-segunda-infografia-parte-3/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 17:30:41 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[modelo conceptual]]></category>
		<category><![CDATA[protótipo]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=94</guid>
		<description><![CDATA[Depois de uma análise com utilizadores concluímos que a nossa infografia poderia melhorar com algumas alterações.   Protótipo Hi-Fi – Segundo plano       Para uma melhor visualização do estado do sistema, o hemiciclo passa agora a ser apresentado com transparência, por defeito, e on roll over o botão do partido, ou parte do [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=94&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:left;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Depois de uma análise com utilizadores concluímos que a nossa infografia poderia melhorar com algumas alterações.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;"><span style="font-family:Times New Roman;">Protótipo Hi-Fi – Segundo plano</span></span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"> </p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><span style="font-size:small;font-family:Times New Roman;"><img class="aligncenter size-medium wp-image-98" title="imagem-4" src="http://multimediar.files.wordpress.com/2009/01/imagem-4.jpg?w=300&#038;h=210" alt="imagem-4" width="300" height="210" /> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Para uma melhor visualização do estado do sistema, o hemiciclo passa agora a ser apresentado com transparência, por defeito, e <em>on roll over</em> o botão do partido, ou parte do hemiciclo escolhida, fica com 100% de opacidade. Constatamos que funciona bastante melhor desta forma. Quando o utilizador se encontra a visualizar conteúdos sobre determinado partido, a parte do hemiciclo correspondente apresenta, portanto, opacidade total. </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong></strong> </p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong></strong> </p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;" lang="EN-US"><span style="font-size:small;"><span style="font-family:Times New Roman;">Protótipos Hi-Fi – on roll over</span></span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong></strong> </p>
<p class="MsoNormal" style="line-height:150%;margin:0;" align="center"><span lang="EN-US"><span><span style="font-size:small;font-family:Times New Roman;"><img class="size-medium wp-image-99  alignleft" title="imagem-5" src="http://multimediar.files.wordpress.com/2009/01/imagem-5.jpg?w=300&#038;h=211" alt="imagem-5" width="300" height="211" />  </span></span><span><span style="font-size:small;font-family:Times New Roman;">  </span></span><strong></strong></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span lang="EN-US"><span style="font-size:small;font-family:Times New Roman;"> </span></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> <img class="size-medium wp-image-101    alignnone" title="imagem-8" src="http://multimediar.files.wordpress.com/2009/01/imagem-8.jpg?w=300&#038;h=209" alt="imagem-8" width="300" height="209" /></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;margin:0;"><span style="font-size:small;font-family:Times New Roman;"><img class="size-medium wp-image-102    alignright" title="imagem-9" src="http://multimediar.files.wordpress.com/2009/01/imagem-9.jpg?w=299&#038;h=213" alt="imagem-9" width="299" height="213" /></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Os três níveis de informação, dentro do segundo plano, foram reduzidos para apenas dois. O segundo nível foi anulado porque descarregava pouca informação. Assim, clicando no botão de um partido, descarrega-se automaticamente a informação do Presidente do Grupo Parlamentar, ou seja, o utilizador já não precisa de clicar no nome do Presidente.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Esta opção colmatou também outro problema, pois, de acordo com os utilizadores, a <em>affordance</em> no nome do presidente era fraca e não levava a que as pessoas lá clicassem para visualizar informações sobre o líder. </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">No entanto, o mapeamento por cor no nome do presidente foi mantido. Para uma maior consistência, as janelas relativas aos líderes parlamentares também passaram a apresentar esse mapeamento por cor que contribui para uma melhor visibilidade do estado do sistema. </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;"><span style="font-family:Times New Roman;">Protótipo Hi-Fi &#8211; último nível de informação</span></span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"> </p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><img class="aligncenter size-medium wp-image-103" title="imagem-11" src="http://multimediar.files.wordpress.com/2009/01/imagem-11.jpg?w=300&#038;h=207" alt="imagem-11" width="300" height="207" /></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Também resultado dos testes com utilizadores, decidimos remover a divisão ao centro, cujo objectivo inicial era reforçar a metáfora do edifício da assembleia da república e dividir dois níveis de informação diferentes. Contudo, acabamos por concluir que a linha divisória causava ruído na informação e que os dois níveis de informação já se dividam por si só.</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/94/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/94/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/94/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/94/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/94/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/94/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/94/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/94/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/94/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/94/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/94/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/94/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/94/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/94/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=94&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/modelo-conceptual-e-prototipos-da-segunda-infografia-parte-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/imagem-4.jpg?w=300" medium="image">
			<media:title type="html">imagem-4</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/imagem-5.jpg?w=300" medium="image">
			<media:title type="html">imagem-5</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/imagem-8.jpg?w=300" medium="image">
			<media:title type="html">imagem-8</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/imagem-9.jpg?w=299" medium="image">
			<media:title type="html">imagem-9</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/imagem-11.jpg?w=300" medium="image">
			<media:title type="html">imagem-11</media:title>
		</media:content>
	</item>
		<item>
		<title>As Boas Práticas no Ministério da Economia e da Inovação</title>
		<link>http://multimediar.wordpress.com/2009/01/17/as-boas-praticas-no-ministerio-da-economia-e-da-inovacao/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/as-boas-praticas-no-ministerio-da-economia-e-da-inovacao/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 17:10:14 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Acessibilidade]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=88</guid>
		<description><![CDATA[O Guia de Boas Práticas na Construção de Web Sites da Administração Directa e Indirecta do Estado tem como objectivo fomentar a melhoria da presença na internet dos organismos da Administração Directa e Indirecta do Estado, apresentando-se como complemento do exercício de avaliação periódica em curso. Resulta da colaboração do Departamento de Sistemas de Informação [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=88&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div></div>
<p><span style="font-size:11pt;line-height:115%;font-family:Times New Roman;"><span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O Guia de Boas Práticas na Construção de Web Sites da Administração Directa e Indirecta do Estado </span><em><span style="font-size:12pt;color:black;line-height:150%;font-family:&quot;">tem como objectivo fomentar a melhoria da presença na internet dos organismos da Administração Directa e Indirecta do Estado, apresentando-se como complemento do exercício de avaliação periódica em curso.</span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span style="font-size:12pt;color:black;line-height:150%;font-family:&quot;">Resulta da colaboração do Departamento de Sistemas de Informação da Universidade do Minho com a UMIC e pretende ser um contributo para o desenvolvimento de melhores práticas de e-government em Portugal. </span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span style="font-size:12pt;color:black;line-height:150%;font-family:&quot;">Pretende-se transmitir a mensagem que os web sites, sendo uma peça importante na natureza dos serviços prestados ao cidadão, não devem ver a sua estrutura, os seus conteúdos e as suas funcionalidades apenas orientados por necessidades estruturais e internas do organismo, mas estar centrados nos serviços prestados e no valor acrescentado que estes dão ao cidadão, numa abordagem de melhoria da qualidade e na desburocratização dos serviços. </span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Neste guia constam 38 recomendações, duas das quais referentes à Acessibilidade, a 19 e a 20.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">À luz do guia, e depois de recorrer ao Examinator, ao Hera e ao Firefox+Firevox, passamos a uma análise do site do <a title="MEI" href="http://www.min-economia.pt/" target="_blank">Ministério da Economia e da Inovação</a>.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">A disposição dos conteúdos na página é semelhante à da <a title="ANACOM" href="http://www.anacom.pt/" target="_blank">ANACOM</a>, que já vimos estar de acordo com as directrizes de acessibilidade, mas não se pode dizer que o site procure a simplicidade.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Não existe há o uso supérfluo de gráficos ou imagens e não tem som. Todas as imagens estão legendadas com o atributo <strong>alt</strong>. No entanto, quando a página é desconstruída (sem imagens), o menu do lado esquerdo desaparece, embora continue a ser lido, apenas é visível <em>on roll over.</em></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Não são usadas tabelas e o estilo dos elementos é feito em </span><span style="font-size:12pt;line-height:150%;font-family:&quot;">CSS</span><span style="font-size:12pt;line-height:150%;font-family:&quot;">, embora o Examinator aponte erros nas folhas de estilo.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Não existe uma barra de pesquisa, o que vai contra a recomendação 16, mas a compreensão da informação não é baseada nas diferenças de cor, o que vai de encontro ao “Desenho Universal”.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ao mesmo tempo que se percorre o site com o Firevox vai aparecendo um alto contraste no local que está a ser lido.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O idioma da página não está assinalado no HTML e deveria estar, já que há bastantes termos em inglês na versão portuguesa o que pode confundir o utilizador que apenas está a ouvir.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">É também utilizado o recurso a maiúsculas que deria se evitado pois será interpretado pelo leitor de ecrã como uma sigla. Isto acontece, por exemplo, em “VISITA GUIADA”</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Há vários links, à semelhança do site da ANACOM, que, embora tenham o mesmo nome, enviam para destinos diferentes, é o caso do “+ sobre”.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;">O site está registado em vários motores de pesquisa (recomendação 8).</span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;"><span>A concepção das páginas permite a navegação mesmo com a resolução gráfica diminuta (recomendação 18 )</span></span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;">O site tem um link para “Ajuda”, ”FAQ”, identificação e descrição do organismo que tutela o site, vários links externos para órgãos do governo, entre outros, pertinentes no site em questão (recomendação 1), tem a indicação dos softwares necessários para a visualização de certos conteúdos (recomendação 7), legislação pertinente para a actividade da entidade e informação de questões legais e direitos de autor (recomendação 5).</span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;">Faltam-lhe, porém, algumas informações que segundo o Guia de Boas Práticas devia ter. A página principal não tem motor de busca nem mapa do site, por exemplo, e os links para downloads não têm a indicação do tamanho dos ficheiros.</span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;"> </span></p>
<p> </p>
<p></span></span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;">Por último, não quero deixar de ressaltar uma <a title="Simbolo Acessibilidade" href="http://www.acesso.umic.pt/sawdescrica.htm" target="_blank">informação da UMIC</a><img class="alignright size-full wp-image-92" title="acessibilidade1" src="http://multimediar.files.wordpress.com/2009/01/acessibilidade1.jpg?w=500" alt="acessibilidade1"   />: </span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;"><em>A afixação do Símbolo de Acessibilidade <strong>não garante que o sítio seja 100% acessível</strong>. A sua utilização &#8220;denota, por parte dos webmasters, preocupação em dotar o sítio com funcionalidades de acessibilidade que vão ao encontro das necessidades dos utilizadores com deficiência&#8221; (<acronym>NCAM</acronym>).</em></span></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span style="font-size:12pt;">A utilização deste símbolo é um acto voluntário que demonstra, unicamente, um esforço em aumentar a acessibilidade de um sítio. Ele não corresponde a nenhum processo de certificação levado a cabo por qualquer organismo certificador. </span></em></p>
<p style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span style="font-size:12pt;">Não existe qualquer forma de garantir que um sítio Web que ostente o símbolo esteja 100% acessível ou mesmo, que tenha sido concebido de acordo com as directrizes de acessibilidade.</span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/88/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/88/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/88/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=88&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/as-boas-praticas-no-ministerio-da-economia-e-da-inovacao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/acessibilidade1.jpg" medium="image">
			<media:title type="html">acessibilidade1</media:title>
		</media:content>
	</item>
		<item>
		<title>Dez Conselhos da UMIC</title>
		<link>http://multimediar.wordpress.com/2009/01/17/dez-conselhos-da-umic/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/dez-conselhos-da-umic/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 16:54:17 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Acessibilidade]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=86</guid>
		<description><![CDATA[O Programa UMIC dá ainda dez conselhos para a produção de sites acessíveis:   “Imagens e animações. Utilize o atributo alt para descrever a função de cada elemento visual.   Mapas de imagem. Utilize mapas de cliente (anotação map), empregando texto nos pontos activos.   Multimédia. Disponibilize legendas e transcrições da componente sonora, e descrições da componente [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=86&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="line-height:150%;margin:0;"><span style="font-family:&quot;"><span style="font-size:small;">O Programa UMIC dá ainda <a title="10 Conselhos " href="http://www.w3.org/WAI/quicktips/qt.pt.htm" target="_blank">dez</a> conselhos para a produção de <em>sites</em> acessíveis:</span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">“Imagens e animações.</span></strong><span style="font-family:&quot;"> Utilize o atributo <strong>alt</strong> para descrever a função de cada elemento visual. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Mapas de imagem.</span></strong><span style="font-family:&quot;"> Utilize mapas de cliente (anotação <strong>map</strong>), empregando texto nos pontos activos. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Multimédia.</span></strong><span style="font-family:&quot;"> Disponibilize legendas e transcrições da componente sonora, e descrições da componente visual. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Ligações de hipertexto.</span></strong><span style="font-family:&quot;"> Utilize texto que faça sentido,  mesmo lido fora do contexto. Por exemplo: evite &#8220;clique aqui&#8221;. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Organização das páginas.</span></strong><span style="font-family:&quot;"> Utilize cabeçalhos, listas e uma estrutura consistente.  Sempre que possível, utilize </span><strong><span style="font-family:&quot;">CSS</span></strong><span style="font-family:&quot;"> para efeitos de disposição e estilo. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Gráficos e esquemas.</span></strong><span style="font-family:&quot;"> Forneça resumos ou utilize o atributo <strong>longdesc</strong>. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Scripts, applets e suplementos.</span></strong><span style="font-family:&quot;"> Forneça conteúdo alternativo, se as características activas não forem acessíveis ou se não forem suportadas pelo navegador. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Frames.</span></strong><span style="font-family:&quot;"> Utilize a anotação <strong>noframes</strong> e empregue títulos com significado. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><strong><span style="font-family:&quot;">Tabelas.</span></strong><span style="font-family:&quot;"> Faça com que a leitura linha-a-linha seja compreensível. Forneça resumos. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-family:&quot;"><span style="font-size:small;"> </span></span></strong></p>
<p><strong><span style="font-size:11pt;line-height:115%;font-family:&quot;">Verifique o trabalho.</span></strong><span style="font-size:11pt;line-height:115%;font-family:&quot;"> Efectue validações. Recorra a ferramentas e às directivas existentes em http://www.w3.org/TR/WCAG.”</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/86/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=86&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/dez-conselhos-da-umic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>
	</item>
		<item>
		<title>Avaliação Manual do Site da Autoridade Nacional de Comunicações (ANACOM)</title>
		<link>http://multimediar.wordpress.com/2009/01/17/avaliacao-manual-do-site-da-autoridade-nacional-de-comunicacoes-anacom/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/avaliacao-manual-do-site-da-autoridade-nacional-de-comunicacoes-anacom/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 16:48:34 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Acessibilidade]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=81</guid>
		<description><![CDATA[As avaliações automáticas devem ser sempre complementadas com avaliações manuais. A avaliação manual da página da ANACOM demonstra a importância que uma análise manual pode ter.     Ferramentas para a análise manual                     O JAWS faz a leitura do ecrã e envia-o para um dispositivo que tanto pode ser um sintetizador de fala [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=81&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">As avaliações automáticas devem ser sempre complementadas com avaliações manuais. A avaliação manual da página da <a title="ANCOM" href="http://www.anacom.pt/" target="_blank">ANACOM</a> demonstra a importância que uma análise manual pode ter.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Ferramentas para a análise manual</span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> <span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"><img class="alignleft size-full wp-image-82" title="firefox_logo" src="http://multimediar.files.wordpress.com/2009/01/firefox_logo.jpg?w=500" alt="firefox_logo"   /></span></span></strong><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"><span>     <img class="alignright size-thumbnail wp-image-84" title="opera4" src="http://multimediar.files.wordpress.com/2009/01/opera4.jpg?w=109&#038;h=96" alt="opera4" width="109" height="96" /></span></span></p>
<p><img class="aligncenter size-thumbnail wp-image-83" title="jaws" src="http://multimediar.files.wordpress.com/2009/01/jaws.jpg?w=128&#038;h=90" alt="jaws" width="128" height="90" /></p>
<p> </p>
<p>            O JAWS faz a leitura do ecrã e envia-o para um dispositivo que tanto pode ser um sintetizador de fala como uma linha Braille.</p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"><span>            </span>O <em>browser</em> Firefox vem incorporado com o leitor de ecrã Firefox que é um bom esforço de uma aproximação ao JAWS.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"><span>            </span>O <em>browser</em> Opera permite desconstruir as páginas Web facilmente (sem estilos), assim como visualizá-las sem imagens ou noutros formatos.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Possibilita também a interacção com voz que, embora sendo muito menos irritante que a voz sintetizada do JAWS ou do Firevox, nem sempre funciona, já que dificilmente entende os comandos que lhe são dirigidos, e necessita de microfone para ser utilizada.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Geralmente recomenda-se a utilização do JAWS com o Opera mas o download da versão <em>trial </em>do JAWS nem sempre se obtém facilmente.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">A minha avaliação manual foi feita com base na avaliação automática, considerações da <a title="UMIC" href="http://www.umic.pt/" target="_blank">UMIC</a> e utilizando tanto o Firefox com Firevox como o JAWS com o Opera.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Apesar dos resultados da avaliação automática (Examinator e Hera), na realidade, o site oficial da ANACOM está em conformidade com a maior parte das directrizes de Acessibilidade do Conteúdo Web 1.0.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">O site em questão tem um link directo para uma versão de alto contraste, outra de supressão de imagens (apenas texto) e ainda uma versão em inglês. O que significa que não é necessário navegá-lo com o Opera ou com outro <em>browser</em> mais acessível, e estas não se tratam de versões especiais, apenas de ferramentas que normalmente têm de ser incorporadas nos <em>browsers.</em></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">A voz sintetizada é já de si pouco tolerável mas a leitura do português revela a necessidade de uma concentração mais elevada por parte do utilizador. Para facilitar a navegação foi avaliada a versão em inglês.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Na avaliação automática era detectado um controlo vazio. Este corresponde à barra de pesquisa que, por defeito, aparece sem inserção de conteúdo. Na página normal aparece uma marca de água com a indicação “Google Pesquisa Personalizada”, mas esta marca desaparece aquando a desconstrução da página. O leitor de ecrã reconhece um elemento sem inserção de caracteres.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Na desconstrução da página, com o conteúdo apresentado de forma linear (modo de utilizador no Opera), este aparece quase todo encostado à esquerda o que revela respeito pelos requisitos de acessibilidade. Ou seja a página foi construída com uso de folhas de estilo, </span><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">CSS</span><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Todas as imagens têm legenda, nenhuma tem a classificação genérica de “Image”, e todos os elementos continuam presentes depois da remoção dos estilos. Existe até um elemento “Ocultar Áreas Temáticas” que para facilitar só aparece aquando a página descontraída.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Os parágrafos distinguem-se bem, assim como os cabeçalhos e a estrutura das tabelas de dados. Por exemplo, a tabela “As Mais Vistas” e o calendário aparecem com a formatação inalterada na página desconstruída. Os números do calendário estão associados a um comando que permite ao leitor de ecrã transmitir que aquele número está associado a um calendário e que é um dia da semana. O calendário, no entanto, só aparece na versão portuguesa.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Com a navegação Ctrl+Shift+F no Firefox é possível uma navegação linear de elemento em elemento.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"><span> </span></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">O Examinator apontou como erro a falta de indicação do idioma principal quando, na realidade, ele está indicado em ambas as versões.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';" lang="EN-US">“</span><em><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';" lang="DE">&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221; xml:lang=&#8221;EN&#8221;&gt;</span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';" lang="DE">&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221; xml:lang=&#8221;PT&#8221;&gt;</span></em><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';" lang="EN-US">”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';" lang="EN-US"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Todavia os links tenham instruções acessíveis há links com a mesma instrução que enviam para destinos diferentes. É o caso do link “Mais Info” que existe no final de cada notícia. Cada um destes links deveria ser mais específico para que o utilizador saiba exactamente para onde está a ser enviado sem se perder quando não consegue visualizar todo o conjunto, apenas elementos separados. O link deve fazer sentido mesmo quando lido fora do contexto, por exemplo, “Mais informação sobre estatísticas do sítio”.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Os links que foram indicados como adjacentes são links redundantes, enviam para o mesmo destino. Um trata-se da ilustração gráfica do outro.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Para separar alguns links foram utilizados <em>bullets</em> e traços verticais “|”. Para além de induzir em erro o utilizador que pensa que uma lista vai ter mais itens do que na verdade tem, torna-se aborrecido ouvir repetidamente uma informação desnecessária, ruído, portanto.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';">Numa certa altura o leitor de ecrã refere: 103 links. São demasiados links num bloco só. </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:'Times New Roman';" lang="DE">Em dimensões mais reduzidas o formato do site mantêm-se com qualidade.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:115%;font-family:'Times New Roman';">A página não contém frames nem conteúdos multimédia.</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/81/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/81/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/81/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/81/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/81/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/81/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/81/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/81/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/81/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/81/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/81/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/81/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/81/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/81/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=81&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/avaliacao-manual-do-site-da-autoridade-nacional-de-comunicacoes-anacom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/firefox_logo.jpg" medium="image">
			<media:title type="html">firefox_logo</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/opera4.jpg?w=109" medium="image">
			<media:title type="html">opera4</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/jaws.jpg?w=128" medium="image">
			<media:title type="html">jaws</media:title>
		</media:content>
	</item>
		<item>
		<title>Avaliação Automática do Site da Autoridade Nacional de Comunicações (ANACOM)</title>
		<link>http://multimediar.wordpress.com/2009/01/17/avaliacao-automatica-do-site-da-autoridade-nacional-de-comunicacoes-anacom/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/avaliacao-automatica-do-site-da-autoridade-nacional-de-comunicacoes-anacom/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 16:36:54 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Acessibilidade]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=79</guid>
		<description><![CDATA[Como mencionado no post anterior, o Programa Acesso da UMIC permite fazer a avaliação automática de um site pelas directrizes 1.0 do W3C. Neste post vamos analisar os resultados obtidos na análise do site da ANACOM (Autoridade Nacional de Comunicações) que, sendo um espaço Web de administração pública, tem uma responsabilidade acrescida no que diz [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=79&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Como mencionado no <em>post</em> anterior, o Programa Acesso da UMIC permite fazer a avaliação automática de um site pelas directrizes 1.0 do W3C. Neste <em>post</em> vamos analisar os resultados obtidos na análise do site da <a title="ANACOM" href="http://www.anacom.pt/" target="_blank">ANACOM</a> (Autoridade Nacional de Comunicações) que, sendo um espaço Web de administração pública, tem uma responsabilidade acrescida no que diz respeito a questões de acessibilidade.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;font-variant:small-caps;">Avaliação do Examinator</span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Após a análise de 460 elementos, o Examinator determinou que o site não obedece sequer a todas os pontos de verificação de <strong>prioridade 1</strong>.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="text-decoration:underline;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“Há 5 link(s) que são activados unicamente através de scripts.</span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O conteúdo do atributo &#8220;href&#8221; nos links deve indicar um recurso válido, ou seja, uma direcção (URL) à qual se pode aceder mesmo quando não se consegue aceder aos scripts.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Em relação à <strong>prioridade 2</strong>, embora oito dos pontos de verificação sejam respeitados, os outros seis não são.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="text-decoration:underline;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“Usam-se manipuladores de eventos que apenas podem ser accionados por um dispositivo. </span></span><span style="font-size:12pt;line-height:150%;font-family:&quot;">Incentiva-se o uso de manipuladores redundantes (onclick com onkeypress) ou mesmo cuja acção seja completamente independente do dispositivo usado pelo utilizador (onFocus).</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Os eventos devem poder ser activados com qualquer dispositivo porque há utilizadores que não podem, por exemplo, usar um rato. Por conseguinte deve-se especificar manipuladores de evento cuja acção seja independente do tipo de dispositivo. Outra hipótese é definir eventos redundantes.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“Usam-se estilos mas também <span style="text-decoration:underline;">tabelas</span> para controlar a apresentação da página. As folhas de estilo representam um grande passo em frente para a Web uma vez que a sua utilização permite separar o conteúdo da apresentação das páginas. Use folhas de estilo para controlar a disposição dos elementos na página e a forma de os apresentar.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“<span style="text-decoration:underline;">Há 7 tabela(s) e 6 delas são usadas para maquetar elementos diversos na página</span>.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">As tabelas são elementos para apresentar conteúdo tabular e não devem utilizar-se para apresentar outro tipo de conteúdo. Isto é especialmente importante para quem utiliza navegadores de base texto ou leitores que lêem linha a linha os dados existentes no ecrã.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Não deve usar tabelas para formatar páginas a não ser que a tabela faça sentido quando em formato linear. Caso contrário, se a tabela não fizer sentido, forneça um equivalente alternativo (o qual poderá ser uma versão linear).”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="text-decoration:underline;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"></span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“<span style="text-decoration:underline;">Usam-se medidas absolutas nas folhas de estilo</span>.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Se se utilizam unidades de medida relativas, e não absolutas, os utilizadores poderão ampliar ou reduzir o tamanho dos elementos da página de acordo com as suas necessidades. Por outro lado, as páginas adequam-se a ecrãs com diferentes resoluções, redimensionando automaticamente os seus elementos.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“<span style="text-decoration:underline;">Há mais do que um cabeçalho principal </span>(6 &lt;h1&gt;).</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Devem-se marcar correctamente os cabeçalhos da página e não mesclar os seus níveis aleatoriamente apenas para fazer uso dos estilos (tamanhos de fonte) que estão, por defeito, associados aos cabeçalhos. Use CSS para formatar a cor, o tamanho e o tipo de letra dos cabeçalhos. Actualmente eles constituem um importante elemento facilitador da navegação por todos aqueles que fazem uso de tecnologias de apoio. Use os elementos cabeçalho (&lt;H1&gt;&#8230;&lt;H6&gt;) para transmitir a estrutura dos documentos e utilize-os de acordo com as especificações.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“<span style="text-decoration:underline;">Existem 5 links com o mesmo texto que apontam destinos distintos</span>.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Os links devem indicar de maneira muito clara e sucinta para onde apontam, de forma a que os utilizadores possam saber o que encontrarão se decidirem escolher esse link.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Na <strong>prioridade 3</strong> apenas um item é respeitado.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“<span style="text-decoration:underline;">Não se encontra especificado o idioma principal</span>. Em todas as páginas deve-se indicar o idioma principal do documento. Se o documento estiver em XHTML, dever-se-á verificar que, para além do atributo &#8220;lang&#8221;, se utiliza também &#8220;xml:lang&#8221;.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“<span style="text-decoration:underline;">Há 121 link(s) e 4 são adjacentes a outros links mas não estão separados entre si com caracteres imprimíveis</span>.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Alguns agentes de utilizador não conseguem diferenciar os links se estes se encontrarem colados uns aos outros, sem qualquer marca ou carácter imprimível não &#8220;linkado&#8221; a separá-los. Algo do tipo: link1 | link2 | link3, em que | é um carácter sem ligação.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“<span style="text-decoration:underline;">Há um controlo vazio que não tem um texto por omissão</span>.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Todos os campos de edição e áreas de texto devem conter algum caracter porque existem ajudas técnicas que não podem colocar o foco nos controlos vazios.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;font-variant:small-caps;">Avaliação do Hera</span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:center;margin:0;" align="center"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Permite localizar os erros na página avaliada</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;">Prioridade 1</span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ponto 6.3: Há 5 <span style="text-decoration:underline;">links</span> que se activam mediante scripts. </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“Certifique-se que as páginas são usáveis quando scripts, applets, ou outros objectos programáveis se encontram desactivados ou não são suportados. Se isto não for possível, forneça informação equivalente numa página alternativa acessível.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ponto 8.1: <span style="text-decoration:underline;">Scripts</span> &#8211; Utilizam-se eventos dependentes do dispositivo e não existem eventos redundantes.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“Faça com que os elementos programáveis tais como scripts e applets sejam directamente acessíveis ou compatíveis com tecnologias de apoio.”<span>     </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;">Prioridade 2</span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ponto 3.4: Detectaram-se <span style="text-decoration:underline;">unidades absolutas</span> (in|cm|mm|pt|pc) ou tamanhos de fonte definidos em px nos valores das folhas de estilo.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“Use unidades relativas em vez de absolutas nos valores dos atributos da linguagem de notação e valores das propriedades das folhas de estilo.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ponto 6.4: <span style="text-decoration:underline;">Manipuladores de evento</span> &#8211; Utilizam-se eventos dependentes do dispositivo e não existem eventos redundantes.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“No caso dos scripts e dos applets, certifique-se que os eventos que o manipulam funcionam independentemente do dispositivo de entrada.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><span> </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><span> </span>Ponto 9.3: <span style="text-decoration:underline;">Manipuladores de evento</span> &#8211; Utilizam-se eventos dependentes do dispositivo.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“No caso dos scripts, especifique manipuladores de eventos por software em vez de manipuladores de eventos dependentes de dispositivos.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;">Prioridade 3</span></strong></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ponto 10.4: Há 1 <span style="text-decoration:underline;">controlo vazio</span> que não inclui caracteres por defeito</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">“Até que os agentes do utilizador consigam manipular controlos vazios correctamente, inclua caracteres predefinidos de preenchimento nas caixas de edição e nas áreas de texto.”</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ponto 10.5: Há 4 casos de <span style="text-decoration:underline;">links adjacentes</span> que não contêm caracteres imprimíveis não enlaçados entre eles.</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:115%;font-family:&quot;">“Até que os agentes do utilizador consigam distinguir links adjacentes, inclua caracteres não-linkados, circundados por espaços, entre os links adjacentes.” </span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/79/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=79&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/avaliacao-automatica-do-site-da-autoridade-nacional-de-comunicacoes-anacom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>
	</item>
		<item>
		<title>Acessibilidade na Web</title>
		<link>http://multimediar.wordpress.com/2009/01/17/acessibilidade-na-web/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/acessibilidade-na-web/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 16:26:26 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Acessibilidade]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=71</guid>
		<description><![CDATA[Um dos grandes marcos da acessibilidade surge, em 1997, com a Web Accessibility Iniciative (WAI), lançada pelo World Wide Web Consortium (W3C). Destinava-se a promover a acessibilidade da Web para pessoas com deficiência.   É também de referir a Secção 508 (EUA), uma lei que exige que a tecnologia electrónica e informática desenvolvida ou administrada [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=71&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><img class="alignleft size-full wp-image-89" title="acessibilidade" src="http://multimediar.files.wordpress.com/2009/01/acessibilidade.jpg?w=500" alt="acessibilidade"   />Um dos grandes marcos da acessibilidade surge, em 1997, com a <em>Web Accessibility Iniciative</em> (<strong>WAI</strong>), lançada pelo <em>World Wide Web Consortium</em> <a title="W3C" href="http://www.w3.org/" target="_blank">(W3C)</a>. Destinava-se a promover a acessibilidade da Web para pessoas com deficiência.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">É também de referir a <em>Secção 508</em> (EUA), uma lei que exige que a tecnologia electrónica e informática desenvolvida ou administrada por Agencias Federais seja acessível a pessoas com deficiências. Trata-se, na realidade, de uma emenda feita pelo Presidente Bill Clinton, em 1998, à <em>Workforce Rehabilitation Act</em> de 1973. </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">A Secção 508 também fornece standards para todo o tipo de tecnologia de informação e apresenta 16 pontos a cumprir na construção de um espaço Web.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;" lang="EN-GB"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Só em 1999 é que aparece uma petição online pela acessibilidade da Internet Portuguesa. A iniciativa foi de Francisco Godinho, professor da UTAD e levou à redacção do <em>Manual de Boas Práticas para os Sítios Web da Administração Pública</em>.<em></em></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Em Agosto de 1999, o Conselho de Ministros aprovou a <em>Iniciativa Nacional para os Cidadãos com Necessidades Especiais na Sociedade da Informação</em> e os <em>sites</em> dos organismos públicos na Internet passaram a ter a obrigação de respeitar requisitos de acessibilidade a cidadãos com necessidades especiais.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Portugal foi o primeiro país da Europa e o quarto a nível Mundial a adoptar este tipo de regras de acessibilidade.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Também em 1999, o W3C lançou as <em><a title="WCAG1.0" href="http://www.w3.org/TR/WCAG10" target="_blank">Web Content Accessibility Guidelines 1.0</a></em>. Sessenta e cinco pontos de verificação agrupados em catorze directrizes e distribuídos por três níveis de prioridade.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;">Prioridade 1</span></strong><span style="font-size:12pt;line-height:150%;font-family:&quot;"> – A satisfação deste tipo de pontos é um requisito básico para que determinados grupos possam aceder a documentos sedeados na Web.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;">Prioridade 2</span></strong><span style="font-size:12pt;line-height:150%;font-family:&quot;"> &#8211; A satisfação deste tipo de pontos traduz-se na remoção de obstáculos significativos ao acesso a documentos sedeados na Web.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><strong><span style="font-size:12pt;line-height:150%;font-family:&quot;">Prioridade 3</span></strong><span style="font-size:12pt;line-height:150%;font-family:&quot;"> &#8211; A satisfação deste tipo de pontos melhora o acesso a documentos sedeados na Web.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">A <a title="UMIC" href="http://www.umic.pt/" target="_blank">UMIC</a> (Agência para a Sociedade do Conhecimento) é o <em>organismo público português com a missão de coordenar as políticas para a sociedade da informação e mobilizá-la através da promoção de actividades de divulgação, qualificação e investigação. </em>É um instituto público tutelado pelo Ministro da Ciência, Tecnologia e Ensino Superior. Foi criada em Janeiro de 2005 e substituiu a Unidade de Missão Inovação e Conhecimento.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Em 2002 a UMIC criou o <a title="Programa Acesso" href="http://www.acesso.umic.pt/" target="_blank">Programa Acesso</a> que tem como objectivo <em>promover o desenvolvimento, disponibilização e divulgação de instrumentos de Tecnologias da Informação e da Comunicação (TIC) que permitam ultrapassar dificuldades sentidas por cidadãos com necessidades especiais, nomeadamente pessoas com deficiência, idosos e acamados</em>.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O Programa Acesso permite-nos fazer uma avaliação automática de um site através de duas ferramentas, o <em>Examinator</em> e o <em>Hera</em>, verificando assim se está em conformidade com as directrizes 1.0 do W3C. </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">A 27 de Setembro de 2007 foi aprovada uma resolução do Conselho de Ministros que estabelece orientações relativas à Acessibilidade dos Sítios do Governo e da Administração Central na Internet que exige o respeito pelas directrizes de prioridade 1 sobre a acessibilidade do conteúdo da Internet desenvolvidas pelo W3C num prazo de três meses, e pelas directrizes de prioridade 2 para os sítios com serviços transaccionais num prazo de seis meses.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Em Dezembro de 2008, a W3C renovou as directrizes de 1999 lançando as <a title="WCAG1.0" href="http://www.w3.org/TR/WCAG20/" target="_blank"><em>Web Content Accessibility Guidelines </em>(WCAG) </a><em><a title="WCAG1.0" href="http://www.w3.org/TR/WCAG20/" target="_blank">2.0</a>.</em> Consiste em doze directrizes que se encaixam em quatro Princípios (Percepção, Funcionalidade, Compreensão e Robustez) e três Critérios de Sucesso (A, AA e AAA – Prioridades 1, 2 e 3). Para além disso, disponibiliza <em>Sufficient e Advisory Techniques,</em> informações que permitem satisfazer os Critérios de Sucesso</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Tornar um site acessível não significa diminuir a sua qualidade ou torná-lo menos apelativo. A maior parte dos sites podem tornar-se acessíveis sem que para isso se mude a experiência visual.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"> </p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">O número de pessoas com deficiências em todo o mundo é bastante significativo e tornar um site acessível aumenta as suas ocorrências nos motores de busca devido à inserção correcta dos títulos e legendas. Para além de que torna os sites acessíveis em interfaces de menores dimensões, melhorando a usabilidade.</span></span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/71/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=71&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/acessibilidade-na-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/acessibilidade.jpg" medium="image">
			<media:title type="html">acessibilidade</media:title>
		</media:content>
	</item>
		<item>
		<title>Introdução à Acessibilidade</title>
		<link>http://multimediar.wordpress.com/2009/01/17/introducao-a-acessibilidade/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/introducao-a-acessibilidade/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 16:07:40 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Acessibilidade]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=68</guid>
		<description><![CDATA[Ao longo dos anos a evolução tecnológica tem sido célere e exponencial. Nos dias que correm trabalhamos, vivemos e desfrutamos da tecnologia em qualquer lado e em qualquer altura. Não será, portanto, muito arriscado dizer que um dia talvez não saberemos viver sem ela e sem várias ferramentas que há poucos anos eram consideradas meramente [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=68&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Ao longo dos anos a evolução tecnológica tem sido célere e exponencial. Nos dias que correm trabalhamos, vivemos e desfrutamos da tecnologia em qualquer lado e em qualquer altura. Não será, portanto, muito arriscado dizer que um dia talvez não saberemos viver sem ela e sem várias ferramentas que há poucos anos eram consideradas meramente acessórias.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Gregg Vanderheiden, defende a importância da construção e manutenção de interfaces, ferramentas e tecnologias na nova geração www. Há que criar um mundo AAA, ou seja, disponível e acessível <strong><em>Anywhere, Anytime </em></strong><em>for<strong> Anyone</strong></em> (em qualquer lado, em qualquer altura para qualquer pessoa). Vanderheiden afirma que esta é uma <em>necessidade tanto política quanto económica</em>. É também uma necessidade humana, já que objectivo de todos os profissionais envolvidos nesta área deverá ser sempre chegar da forma mais fácil ao maior número de utilizadores, pois o público-alvo é, cada vez mais, um número demasiado generalizado, principalmente na Web. Pessoas com <em>handicaps </em>ou deficiências deveriam ter acesso exactamente aos mesmos conteúdos que todas as outras pessoas e criar sistemas acessíveis é tanto uma obrigação como uma urgência.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Mas falar de acessibilidade não se limita a falar daqueles que diferem da população comum por determinadas características. Cada vez mais necessitamos de sistemas e interfaces que estejam ao nosso dispor e se adequem ao nosso dia-a-dia, a qualquer lugar e ocasião. Queremos aceder a conteúdos enquanto conduzimos, enquanto executamos mais do que uma tarefa, quando o ruído á nossa volta nos impede de ter feedback áudio dos interfaces, etc… É nesta adaptação aos vários ambientes e pessoas que a acessibilidade se concentra. Vanderheiden menciona também a importância de manter a consistência dentro do próprio sistema, já que as pessoas não querem ter de dominar mais do que um paradigma de utilização por interface, mesmo que a sua utilização se adapte a mais do que uma situação, a isto <strong>Vanderheiden</strong> chama a <em>continuidade da metáfora</em>. </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Na produção de conteúdos deve pensar-se em <strong>todos os utilizadores </strong>e tornar o produto o mais universal possível. Um vídeo, por exemplo, pode ser legendado com a descrição, não só para os surdos mas para aqueles que se encontram num ambiente repleto de ruído como é o caso da visualização dos plasmas nos centros comerciais. O mesmo vídeo pode ter descrição áudio, novamente não só para os cegos, mas também para quem têm em mãos mais do que uma tarefa e não podem naquele momento visualizar o interface.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Os conteúdos acessíveis dirigem-se a toda a gente e por isso mesmo não faz sentido a existência de duas versões no mesmo interface, uma standardizada e outra para pessoas com necessidades especiais. Caminha-se para uma <strong>única versão</strong> que de tão vulgar, no futuro, deixará de ser especial.</span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span style="font-size:12pt;line-height:150%;font-family:&quot;">De acordo com o princípio do “Desenho Universal”, princípio esse promovido pela Iniciativa Nacional para os Cidadãos com Necessidades Especiais na Sociedade da Informação (<span style="text-decoration:underline;">www.acessibilidades.net</span>), tal como descrito na referida resolução, não deve ser realizado nenhum tipo de discriminação como, por exemplo, conceber web sites para invisuais em paralelo com uma versão desses web sites para não invisuais. O que se procura é uma abordagem única que permita e que facilite o acesso a todos os cidadãos, independentemente das suas dificuldades físicas, sensoriais ou cognitivas. </span></em><span style="font-family:&quot;"><span style="font-size:small;">(Guia de Boas Práticas na Construção de Web Sites da Administração Directa e Indirecta do Estado)</span></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:12pt;line-height:150%;font-family:&quot;">Gregg Vanderheiden diz-nos que <em>os sistemas devem ser <strong>multifacetados, independentes da modalidade, claros, simples, fáceis de dominar, flexíveis e adaptáveis</strong>. É também bom relembrar que por mais flexível e adaptável o interface, existirá sempre alguém com uma combinação de mais o que um handicaps graves a quem o interface e não será acessível.</em> O objectivo é, portanto, pensar sempre no mais universal e ao mesmo tempo específico possível.</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/68/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=68&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/introducao-a-acessibilidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>
	</item>
		<item>
		<title>Standards na Usabilidade</title>
		<link>http://multimediar.wordpress.com/2009/01/17/standards-na-usabilidade/</link>
		<comments>http://multimediar.wordpress.com/2009/01/17/standards-na-usabilidade/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 16:04:13 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[ISO]]></category>
		<category><![CDATA[usabilidade]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=66</guid>
		<description><![CDATA[ISO (International Organization for Standardization) existe desde 1947 e é uma organização não-governamental que faz a ponte entre os sectores público e privado. É responsavel pela standardização em 157 países. A importância de uma norma comum está bem explicada no site da ISO:   Standards ensure desirable characteristics of products and services such as quality, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=66&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">ISO (International Organization for Standardization) existe desde 1947 e é uma organização não-governamental que faz a ponte entre os sectores público e privado. É responsavel pela standardização em 157 países. A importância de uma norma comum está bem explicada no <a title="ISO.Org" href="http://www.iso.org" target="_blank">site da ISO</a>:</span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span lang="EN-GB"><span style="font-size:small;"><span style="font-family:Times New Roman;">Standards ensure desirable characteristics of products and services such as quality, environmental friendliness, safety, reliability, efficiency and interchangeability &#8211; and at an economical cost.</span></span></span></em></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><em><span lang="EN-GB"><span style="font-size:small;font-family:Times New Roman;"> </span></span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span lang="EN-GB"><span style="font-size:small;"><span style="font-family:Times New Roman;">When products and services meet our expectations, we tend to take this for granted and be unaware of the role of standards. However, when standards are absent, we soon notice. We soon care when products turn out to be of poor quality, do not fit, are incompatible with equipment that we already have, are unreliable or dangerous. </span></span></span></em></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><em><span lang="EN-GB"><span style="font-size:small;font-family:Times New Roman;"> </span></span></em></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><em><span lang="EN-GB"><span style="font-size:small;"><span style="font-family:Times New Roman;">When products, systems, machinery and devices work well and safely, it is often because they meet standards.</span></span></span></em></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span lang="EN-GB"><span style="font-size:small;font-family:Times New Roman;"> </span></span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><span style="font-family:Times New Roman;">Em relação à usabilidade em todos os <em>visual displays</em> (ecrãs), a ISO lançou, em 1998, a norma 9241-11(<span>Guidance on Usability</span>). Esta faz parte da norma 9241 (Ergonomics of Human System Interaction) que é constituída por 28 partes.</span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:35.4pt;line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><span style="font-family:Times New Roman;"><a title="Usability Net" href="http://usabilitynet.org/tools/r_international.htm" target="_blank">Usabilidade</a> está na capacidade de um produto por si só conseguir que o seu públicio alvo o utilize com o máximo de eficácia, eficiência, e satisfação. Relacionado com usabilidade, nesta norma, está o contexto de uso do produto, a interacção utilizador – interface, o produto e o processo de produção. </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span lang="EN-GB"><span style="font-size:small;font-family:Times New Roman;"> </span></span></p>
<p class="MsoNormal" style="line-height:150%;text-align:justify;margin:0;"><span style="font-size:small;"><span style="font-family:Times New Roman;"><span lang="EN-GB"><span>            </span></span>Falando de usabilidade, HCI (<span>Human–Computer Interaction</span>) é um acrónimo incontornável. O sucesso desta interação humano-computador é um desafio e por isso esta é uma área de estudo que concentra os contributos de profissionais de várias áreas.</span></span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/66/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/66/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/66/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/66/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/66/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/66/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/66/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/66/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/66/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/66/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/66/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/66/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/66/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/66/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=66&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/17/standards-na-usabilidade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>
	</item>
		<item>
		<title>Modelo Conceptual e Protótipos da Segunda Infografia &#8211; Parte 2</title>
		<link>http://multimediar.wordpress.com/2009/01/09/modelo-conceptual-e-prototipos-da-segunda-infografia-parte-2/</link>
		<comments>http://multimediar.wordpress.com/2009/01/09/modelo-conceptual-e-prototipos-da-segunda-infografia-parte-2/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 15:25:03 +0000</pubDate>
		<dc:creator>TatianaCarvalho</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[modelo conceptual]]></category>
		<category><![CDATA[protótipo]]></category>

		<guid isPermaLink="false">http://multimediar.wordpress.com/?p=57</guid>
		<description><![CDATA[Mantendo o plano de apresentação do storyboard anterior, recriámos o plano interior. Sendo assim, a metáfora passou a centrar-se no próprio edifício de Assembleia como se entrássemos dentro dele e aí encontrássemos o hemiciclo.   Num protótipo Médium-Fi optámos por colocar a legenda do hemiciclo por baixo deste para lhe dar mais ênfase, já que [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=57&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-indent:36pt;text-align:left;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Mantendo o plano de apresentação do <em>storyboard</em> anterior, recriámos o plano interior.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Sendo assim, a metáfora passou a centrar-se no próprio edifício de Assembleia como se entrássemos dentro dele e aí encontrássemos o hemiciclo.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Num protótipo Médium-Fi optámos por colocar a legenda do hemiciclo por baixo deste para lhe dar mais ênfase, já que é um nível de informação hierarquicamente superior. Mais tarde concluímos que uma legenda seria demasiado redundante já que o utilizador, por ajuste à realidade deverá identificar os diferentes partidos pela cor que lhes é associada. Dou outro lado do hemiciclo estariam três janelas, como se pode ver na imagem, uma com as características do partido, outra com a fotografia do líder parlamentar e outra com informações pessoais do líder. </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">A affordance do nome do líder seria o sublinhado.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Este modelo também foi abandonado, por várias razões, entre elas o facto de necessitarmos de mais espaço para as informações sobre o líder parlamentar.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;"><span style="font-family:Times New Roman;">Protótipo Medium –Fi</span></span></span></strong></p>
<p class="MsoNormal" style="text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong></p>
<p class="MsoNormal" style="text-align:center;margin:0;" align="center"><strong></strong></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;"><span style="font-size:small;font-family:Times New Roman;"><img class="size-full wp-image-58   aligncenter" title="medium-fi" src="http://multimediar.files.wordpress.com/2009/01/medium-fi.jpg?w=500&#038;h=348" alt="medium-fi" width="500" height="348" /> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Seguimos para novo modelo conceptual.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span><strong><span style="font-variant:small-caps;"><span style="font-size:small;"><span style="font-family:Times New Roman;">Protótipo Hi-Fi – Primeiro Nível</span></span></span></strong></p>
<p class="MsoNormal" style="text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong></p>
<p class="MsoNormal" style="text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"><img class="aligncenter size-full wp-image-59" title="prototipo-hi-fi-plano-2" src="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-2.jpg?w=500&#038;h=355" alt="prototipo-hi-fi-plano-2" width="500" height="355" /> </span></span></strong></p>
<p class="MsoNormal" style="text-align:center;margin:0;" align="center"> </p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">O hemiciclo está dividido por cores na mesma lógica do modelo anterior mas acrescentámos a deputada independente com uma cor diferente das já utilizadas, nomeadamente, o amarelo. Ao lado do hemiciclo encontramos as nove janelas que estão na fachada da frame anterior, mantendo assim a metáfora. Estas janelas serão utilizadas mais tarde.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Cada área colorida do hemiciclo é um botão. <em>On roll over, </em>como <em>feedback</em> é-lhe aplicada uma transparência e aparece a indicação da sigla do partido ou a legenda correspondente.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><strong></strong> </p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><span style="font-size:small;"><span style="font-family:Times New Roman;"><strong><span style="font-variant:small-caps;" lang="EN-US">Protótipo Hi-Fi – botões <em>on </em></span></strong><strong><em><span style="font-variant:small-caps;" lang="EN-US">roll</span></em></strong><strong><em><span style="font-variant:small-caps;" lang="EN-US"> over</span></em></strong></span></span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><span style="font-variant:small-caps;" lang="EN-US"><span style="font-size:small;font-family:Times New Roman;"> </span></span><img class="aligncenter size-full wp-image-61" title="prototipo-hi-fi-plano-31" src="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-31.jpg?w=500" alt="prototipo-hi-fi-plano-31"   /></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"> </p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Com o clique do rato, o utilizador passa para uma frame com informações sobre o partido correspondente ou área correspondente (o nome do partido, o número de deputados e o nome do presidente do grupo). A Galeria, o lugar dos jornalistas e dos assessores do governo têm apenas interactividade <em>on roll over</em> e não ao clique do rato, já que não consideramos dar informação sobre tais, daí estarem com uma cor mais aproximada do fundo da infografia.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Nesta fase o botão do partido corresponde mantém-se com 40% de transparência indicando a visibilidade do estado do sistema.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Os outros botões continuam operacionais.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><span style="font-size:small;"><span style="font-family:Times New Roman;"><strong><span style="font-variant:small-caps;" lang="EN-US">Protótipo Hi-Fi – botões <em>on</em> <em>mouse down</em></span></strong></span></span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;"><span lang="EN-US"><span style="font-size:small;font-family:Times New Roman;"> <img class="size-full wp-image-62    aligncenter" title="prototipo-hi-fi-plano-4" src="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-4.jpg?w=500&#038;h=350" alt="prototipo-hi-fi-plano-4" width="500" height="350" /></span></span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span lang="EN-US"><span style="font-size:small;font-family:Times New Roman;"> </span></span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"> </p>
<p class="MsoNormal" style="text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">O nome do presidente do grupo tem a mesma cor do botão do hemiciclo para mapear os conteúdos e manter o simbolismo da cor. Encontra-se a negrito para reforçar a <em>affordance</em>. <em>On roll over</em> é aplicada uma transparência ao botão, mantendo-se assim consistência do sistema. Com o clique do rato passamos para outro nível de informação. A última janela da fila mais acima e a primeira janela da segunda fila aumentam de tamanho para receber informação, posicionando-se no centro da área que todas as janelas ocupavam, enquanto as restantes vão ficando mais transparentes até se tornarem invisíveis. </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">A janela quadrada é depois preenchida por uma fotografia do líder do grupo, enquanto a outra janela de maiores dimensões leva a informação do mesmo. Apenas indicamos o nome completo, data de nascimento, profissão e habilitações literárias porque considerámos que estas são as características mais importantes e as que são comuns a todos os deputados, já que nem todos têm livros publicados ou ocupam cargos de relevo, por exemplo.</span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;">Neste nível o nome do presidente mantém a transparência, assim como o botão do hemiciclo, para se ter a visibilidade do estado do sistema.</span></p>
<p class="MsoNormal" style="margin:0;"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong></p>
<p class="MsoNormal" style="margin:0;"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong></p>
<p class="MsoNormal" style="margin:0;"><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong><strong><span style="font-variant:small-caps;"><span style="font-size:small;font-family:Times New Roman;"> </span></span></strong></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"><strong><span style="font-variant:small-caps;"><span style="font-size:small;"><span style="font-family:Times New Roman;">Protótipo Hi-Fi – último nível de informação</span></span></span></strong></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"> </p>
<p class="MsoNormal" style="text-indent:36pt;text-align:center;margin:0;" align="center"> <img class="aligncenter size-full wp-image-63" title="prototipo-hi-fi-plano-5" src="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-5.jpg?w=500&#038;h=349" alt="prototipo-hi-fi-plano-5" width="500" height="349" /></p>
<p class="MsoNormal" style="text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span></p>
<p class="MsoNormal" style="text-indent:36pt;text-align:justify;margin:0;"><span style="font-size:small;font-family:Times New Roman;"> </span><span style="font-size:12pt;font-family:&quot;">O título da infografia mantém-se ao longo de todas as frames.</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/multimediar.wordpress.com/57/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/multimediar.wordpress.com/57/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/multimediar.wordpress.com/57/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/multimediar.wordpress.com/57/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/multimediar.wordpress.com/57/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/multimediar.wordpress.com/57/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/multimediar.wordpress.com/57/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/multimediar.wordpress.com/57/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/multimediar.wordpress.com/57/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/multimediar.wordpress.com/57/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/multimediar.wordpress.com/57/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/multimediar.wordpress.com/57/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/multimediar.wordpress.com/57/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/multimediar.wordpress.com/57/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=multimediar.wordpress.com&amp;blog=4858546&amp;post=57&amp;subd=multimediar&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://multimediar.wordpress.com/2009/01/09/modelo-conceptual-e-prototipos-da-segunda-infografia-parte-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/6b57e0c1f242a6ff59da438551e8f8ef?s=96&#38;d=identicon" medium="image">
			<media:title type="html">TatianaCarvalho</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/medium-fi.jpg" medium="image">
			<media:title type="html">medium-fi</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-2.jpg" medium="image">
			<media:title type="html">prototipo-hi-fi-plano-2</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-31.jpg" medium="image">
			<media:title type="html">prototipo-hi-fi-plano-31</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-4.jpg" medium="image">
			<media:title type="html">prototipo-hi-fi-plano-4</media:title>
		</media:content>

		<media:content url="http://multimediar.files.wordpress.com/2009/01/prototipo-hi-fi-plano-5.jpg" medium="image">
			<media:title type="html">prototipo-hi-fi-plano-5</media:title>
		</media:content>
	</item>
	</channel>
</rss>
