<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Usability enhancements with JavaScript</title>
	<atom:link href="http://alastairc.ac/2007/08/usability-enhancements-with-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/</link>
	<description>Kything web interactions</description>
	<lastBuildDate>Thu, 12 Jan 2012 09:29:55 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>By: Verbesserung der Usability von Webseiten mittels JavaScript &#124; LautundKlar Webdesign Blog</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-22241</link>
		<dc:creator>Verbesserung der Usability von Webseiten mittels JavaScript &#124; LautundKlar Webdesign Blog</dc:creator>
		<pubDate>Thu, 20 Sep 2007 10:16:11 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-22241</guid>
		<description>[...] Usability enhancements with JavaScript [...]</description>
		<content:encoded><![CDATA[<p>[...] Usability enhancements with JavaScript [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jaapjaap Webtech blog</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-21738</link>
		<dc:creator>Jaapjaap Webtech blog</dc:creator>
		<pubDate>Sun, 09 Sep 2007 18:34:29 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-21738</guid>
		<description>[...] Hier een artikel om heel simpel de gebruiksvriendelijkheid op een site verhogen. Het gaat maar om simpele dingen, zoals verschillende soorten links (normale link, pdf, zip, etc.) weergeven met icoontjes. [...]</description>
		<content:encoded><![CDATA[<p>[...] Hier een artikel om heel simpel de gebruiksvriendelijkheid op een site verhogen. Het gaat maar om simpele dingen, zoals verschillende soorten links (normale link, pdf, zip, etc.) weergeven met icoontjes. [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Fatih HayrioÄŸlu</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-21684</link>
		<dc:creator>Fatih HayrioÄŸlu</dc:creator>
		<pubDate>Sat, 08 Sep 2007 16:36:10 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-21684</guid>
		<description>[...] Javascript ile eriÅŸilebilirliÄŸi arttÄ±rmak. Bu makalede Ã¶zellik seÃ§iciler ile yaptÄ±ÄŸÄ±mÄ±zÄ± javascript ile yapÄ±mÄ±nÄ± gÃ¶steriyor. Tabi javascript ile yapÄ±nca tÃ¼m tarayÄ±cÄ±lar destekliyor. Link [...]</description>
		<content:encoded><![CDATA[<p>[...] Javascript ile eriÅŸilebilirliÄŸi arttÄ±rmak. Bu makalede Ã¶zellik seÃ§iciler ile yaptÄ±ÄŸÄ±mÄ±zÄ± javascript ile yapÄ±mÄ±nÄ± gÃ¶steriyor. Tabi javascript ile yapÄ±nca tÃ¼m tarayÄ±cÄ±lar destekliyor. Link [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Gurthg Shae &#187; Archiwum bloga &#187; Ulepszanie strony za pomoc± javascriptu</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-21628</link>
		<dc:creator>Gurthg Shae &#187; Archiwum bloga &#187; Ulepszanie strony za pomoc± javascriptu</dc:creator>
		<pubDate>Fri, 07 Sep 2007 14:16:46 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-21628</guid>
		<description></description>
		<content:encoded><![CDATA[<p>[...] stronie: Usability enhancements with JavaScript w bardzo mi³y sposób przedstawiono parê [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: AlastairC</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-21623</link>
		<dc:creator>AlastairC</dc:creator>
		<pubDate>Fri, 07 Sep 2007 13:01:18 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-21623</guid>
		<description>Thanks, sorted now.</description>
		<content:encoded><![CDATA[<p>Thanks, sorted now.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nathan Chapman</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-21617</link>
		<dc:creator>Nathan Chapman</dc:creator>
		<pubDate>Fri, 07 Sep 2007 10:37:29 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-21617</guid>
		<description>Nice article, except the link for Joe Clark is completly wrong. Just thought you should know. :)</description>
		<content:encoded><![CDATA[<p>Nice article, except the link for Joe Clark is completly wrong. Just thought you should know. <img src='http://alastairc.ac/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: AlastairC</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-21191</link>
		<dc:creator>AlastairC</dc:creator>
		<pubDate>Fri, 31 Aug 2007 09:32:15 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-21191</guid>
		<description>Thanks Tom, 

Links:
Isn&#039;t .search a method of the location object? I don&#039; think that would work with an href attribute?

Not sure on the most effective way of adding an array of objects?

Anchors:
I&#039;ve just replaced that with adding an icon after the heading. You couldn&#039;t tab to the hidden link, which is why I went down the onfocus route. Although now I&#039;ve sidestepped the issue, it was interesting how browsers dealt with that.

Quotes:
I do like the large hit-area, and you couldn&#039;t wrap a link around the paragraphs and other block level elements. Still, it&#039;s not a clear cut improvement, depending on your browser. </description>
		<content:encoded><![CDATA[<p>Thanks Tom, </p>
<p>Links:<br />
Isn&#8217;t .search a method of the location object? I don&#8217; think that would work with an href attribute?</p>
<p>Not sure on the most effective way of adding an array of objects?</p>
<p>Anchors:<br />
I&#8217;ve just replaced that with adding an icon after the heading. You couldn&#8217;t tab to the hidden link, which is why I went down the onfocus route. Although now I&#8217;ve sidestepped the issue, it was interesting how browsers dealt with that.</p>
<p>Quotes:<br />
I do like the large hit-area, and you couldn&#8217;t wrap a link around the paragraphs and other block level elements. Still, it&#8217;s not a clear cut improvement, depending on your browser.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: thooper</title>
		<link>http://alastairc.ac/2007/08/usability-enhancements-with-javascript/comment-page-1/#comment-21154</link>
		<dc:creator>thooper</dc:creator>
		<pubDate>Thu, 30 Aug 2007 14:24:51 +0000</pubDate>
		<guid isPermaLink="false">http://alastairc.ac/2007/08/usability-enhancements-with-javascript/#comment-21154</guid>
		<description>Links:
So does this work with links that have uppercase extensions?, or mistyped urls with a space or hash at the end? Perhaps use url.search(/.pdf/i).

Also, I notice you&#039;re writing a new function for every type, what happens when you have multiple types with the same icon (images, and music formats for example)? You might want to store an array of extensions to match, with their respective icon paths and alt texts.

Anchors:
I find that when tabbing through the page, I get two highlights around heading anchors, on around both the heading and link, another around just the link. Selecting the former does nothing :(, the latter brings that heading to the top of the page (which is nice :)).

Could you remove the keyboard events from the heading, as people will be able to tab onto the link anyway.

Quotes:
To avoid the middle-click problem, couldn&#039;t you remove the click function from the blockquote, as the link works well by itself.
I know this would remove the clickability of the whole blockquote, the only solution I can think of is putting the link around the whole thing, or finding some way pass the keyboard and mouse events from the blockquote through to the link.</description>
		<content:encoded><![CDATA[<p>Links:<br />
So does this work with links that have uppercase extensions?, or mistyped urls with a space or hash at the end? Perhaps use url.search(/.pdf/i).</p>
<p>Also, I notice you&#8217;re writing a new function for every type, what happens when you have multiple types with the same icon (images, and music formats for example)? You might want to store an array of extensions to match, with their respective icon paths and alt texts.</p>
<p>Anchors:<br />
I find that when tabbing through the page, I get two highlights around heading anchors, on around both the heading and link, another around just the link. Selecting the former does nothing <img src='http://alastairc.ac/wordpress/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> , the latter brings that heading to the top of the page (which is nice <img src='http://alastairc.ac/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> ).</p>
<p>Could you remove the keyboard events from the heading, as people will be able to tab onto the link anyway.</p>
<p>Quotes:<br />
To avoid the middle-click problem, couldn&#8217;t you remove the click function from the blockquote, as the link works well by itself.<br />
I know this would remove the clickability of the whole blockquote, the only solution I can think of is putting the link around the whole thing, or finding some way pass the keyboard and mouse events from the blockquote through to the link.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

