<?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>Brian Peppler &#187; Web Standards</title>
	<atom:link href="http://www.brianpeppler.com/category/web-standards/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brianpeppler.com</link>
	<description>UX designer, usability accessibility advocate</description>
	<lastBuildDate>Sun, 08 Aug 2010 20:17:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Making Flash Accessible and SEO Friendly</title>
		<link>http://www.brianpeppler.com/webtechnology/making-flash-seo-friendly/</link>
		<comments>http://www.brianpeppler.com/webtechnology/making-flash-seo-friendly/#comments</comments>
		<pubDate>Mon, 24 Mar 2008 20:38:10 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Web Technology]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/2008/03/24/making-flash-seo-friendly/</guid>
		<description><![CDATA[Flash has always been a great vehicle for delivering multimedia content on the web. I&#8217;m always wowed by its unlimited bounds, but I&#8217;m simultaneously disappointed by its poor handling of SEO and accessibility. While the rest of the web has evolved into a rich and standards-based medium, Flash and its developers have concentrated on beefing [...]]]></description>
			<content:encoded><![CDATA[<p>Flash has always been a great vehicle for delivering multimedia content on the web. I&#8217;m always wowed by its unlimited bounds, but I&#8217;m simultaneously disappointed by its poor handling of SEO and accessibility. While the rest of the web has evolved into a rich and standards-based medium, Flash and its developers have concentrated on beefing up the bling. In 2005 Macromedia published <a href="http://www.adobe.com/resources/accessibility/best_practices/best_practices_acc_flash.pdf">Best Practices for Accessible Flash Design</a>, a white paper that did little to address real accessibility needs.</p>
<p>The issue  stems from how Flash is referenced within a web page. Traditionally Flash was detected by HTML using either <span class="code">&lt;embed&gt;</span> or <span class="code">&lt;object&gt;</span> tags, however both tags have accessibility and plug-in detection issues, and <span class="code">&lt;embed&gt;</span> is invalid XHTML. These methods can cause some browsers and screen readers to misinterpret or entirely ignore your Flash content.</p>
<p>My favorite solution to this problem has been Bobby van der Sluis&#8217; <a href="http://www.bobbyvandersluis.com/ufo/">Unobtrusive Flash Object (UFO)</a>, but it was recently deprecated and replaced by Geoff Stearns&#8217; <a href="http://code.google.com/p/swfobject">SWFObject 2.0</a>. Like UFO, SWFObject is a DOM script that detects the Flash plug-in and embeds Flash objects. It&#8217;s JavaScript API provides an amazing and complete toolset for embedding SWF files and retrieving Flash Player-related information. It has its roots in the web standards community and is designed to support W3C standards-compliant, accessible and search engine friendly web design. The handy JavaScript detection determines whether Flash content or alternative content should be shown and avoids outdated Flash plug-ins break Flash content. The example below illustrates how simple it is to detecting Flash and add alternative content.</p>
<div class="codeblock">&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221; lang=&#8221;en&#8221; xml:lang=&#8221;en&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;SWFObject v2.0 dynamic embed &#8211; step 3&lt;/title&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=iso-8859-1&#8243; /&gt;<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;swfobject.js&#8221;&gt;&lt;/script&gt;</p>
<p>&lt;script type=&#8221;text/javascript&#8221;&gt;<br />
swfobject.embedSWF(&#8220;myContent.swf&#8221;, &#8220;myContent&#8221;, &#8220;300&#8243;, &#8220;120&#8243;, &#8220;9.0.0&#8243;);<br />
&lt;/script&gt;</p>
<p>&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;div id=&#8221;myContent&#8221;&gt;<br />
&lt;p&gt;Alternative content&lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/webtechnology/making-flash-seo-friendly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
