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

<channel>
	<title>El blog de Artefacto &#187; accesibilidad</title>
	<atom:link href="http://blog.artefactomania.com/tag/accesibilidad/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.artefactomania.com</link>
	<description>ARTEFACTO Diseño y Publicidad: identidad corporativa, imagen de marca, diseños de exposición, carteles, maquetación, catálogos, informes, diseño de páginas web, gestión de comunidades...</description>
	<lastBuildDate>Wed, 25 Jan 2012 09:30:19 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Utilizando Flash accesible</title>
		<link>http://blog.artefactomania.com/2008/11/haciendo-que-flash-sea-accesible/</link>
		<comments>http://blog.artefactomania.com/2008/11/haciendo-que-flash-sea-accesible/#comments</comments>
		<pubDate>Mon, 10 Nov 2008 20:46:50 +0000</pubDate>
		<dc:creator>Pablo</dc:creator>
				<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[accesibilidad]]></category>
		<category><![CDATA[flash]]></category>

		<guid isPermaLink="false">http://blog.artefactomania.com/?p=14</guid>
		<description><![CDATA[En Artefacto intentamos aportar un enfoque de calidad en todos nuestros proyectos, lo cual pasa ineludiblemente por utilizar estándares de codificación y por tener en cuenta la accesibilidad. Tradicionalmente, el uso de objetos Flash ha sido un inconveniente en este sentido, pero afortunadamente existen soluciones, la mayoría de ellas escritas en JavaScript, dirigidas a mejorar [...]]]></description>
			<content:encoded><![CDATA[<p>En <a href="http://artefactomania.com/" target="_blank">Artefacto</a> intentamos aportar un enfoque de calidad en todos nuestros proyectos, lo cual pasa ineludiblemente por utilizar <strong>estándares de codificación</strong> y por tener en cuenta la <strong>accesibilidad</strong>. Tradicionalmente, el uso de objetos Flash ha sido un inconveniente en este sentido, pero afortunadamente existen soluciones, la mayoría de ellas escritas en JavaScript, dirigidas a mejorar la integración de Flash en documentos XHTML.</p>
<p>Hasta hace unos meses, habíamos utilizado en nuestros proyectos el módulo <a href="http://www.bobbyvandersluis.com/ufo/index.html" target="_blank">Unobtrusive Flash Objects</a>, que daba muy buenos resultados y que iba ya por su versión 3.22. Sin embargo, hace unos meses que apareció una revisión de este módulo, llamada  <a href="http://code.google.com/p/swfobject/" target="_blank">SWFObject</a>, que ya va por su versión 2.0, y que mejora en gran medida el uso de objetos Flash <em>no obstructivo</em>. En Google Code hay un <a href="http://code.google.com/p/swfobject/wiki/documentation" target="_blank">wiki con mucha documentación</a> sobre las opciones que permite este novedoso módulo.</p>
<p>En mi opinión resulta algo menos sencillo de usar que su predecesor, aunque los responsables del proyecto están en todo y han puesto a disposición de la comunidad un <a href="http://www.swffix.org/swfobject/generator/" target="_blank">generador automático de código</a> que simplifica en gran medida el trabajo.</p>
<p>La ventaja de todo esto es que se puede crear un <strong>contenido alternativo al Flash</strong> en la página, de manera que se mantenga la accesibilidad del sitio y de paso no perjudiquemos al <strong>posicionamiento</strong>. En nuestro último proyecto, una web realizada para la Sociedad de Montañeros Burgaleses (y que podéis ver en nuestro <a href="http://artefactomania.com/montaneros/" target="_blank">servidor de pruebas</a> de momento) hemos seguido este enfoque. Así, en condiciones normales, el usuario vería el menú Flash:</p>
<p style="text-align: center;"><img class="size-medium wp-image-17 aligncenter" title="Menú con Flash" src="http://blog.artefactomania.com/wp-content/uploads/2008/11/con_flash.png" alt="Menú con Flash" width="173" height="195" /></p>
<p>Y si el navegador no soporta Flash o bien el usuario lo tiene desactivado, el contenido que se muestra es el siguiente:</p>
<p style="text-align: center;"><img class="size-medium wp-image-17 aligncenter" title="Menú sin Flash" src="http://blog.artefactomania.com/wp-content/uploads/2008/11/sin_flash.png" alt="Menú sin Flash" width="173" height="195" /></p>
<p>Que aunque no es tan bonito como el Flash, sí que queda razonablemente bien para estar hecho sólo con texto y CSS, y además es totalmente accesible. La ventaja de este enfoque en el menú, es que por debajo del Flash sigue estando una lista XHTML con los enlaces, por lo que los buscadores los seguirán sin notar la diferencia. También hemos utilizado la misma estregia con la cabecera: en ausencia de Flash se carga una imagen que guarda la estética de la página.</p>
<p>Como digo, todo en una línea de compromiso con la accesibildad y las buenas prácticas de programación que esperamos ir extendiendo poco a poco a lo largo de toda nuestra estrategia de desarrollo web. Es un camino complicado pero vale la pena intentarlo.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.artefactomania.com/2008/11/haciendo-que-flash-sea-accesible/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

