<?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>Userxp &#187; Accessability</title>
	<atom:link href="http://www.userxp.co.uk/category/accessability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.userxp.co.uk</link>
	<description>User experience design</description>
	<lastBuildDate>Tue, 02 Mar 2010 11:59:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Product comparison table with integrated sign up form</title>
		<link>http://www.userxp.co.uk/2008/04/product-comparison-table-with-integrated-sign-up-form/</link>
		<comments>http://www.userxp.co.uk/2008/04/product-comparison-table-with-integrated-sign-up-form/#comments</comments>
		<pubDate>Tue, 15 Apr 2008 13:17:41 +0000</pubDate>
		<dc:creator>Neil</dc:creator>
				<category><![CDATA[Accessability]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[techniques]]></category>

		<guid isPermaLink="false">http://www.userxp.org/blog/?p=26</guid>
		<description><![CDATA[While look for more information on Crazy Egg, a great sevice that produces images showing user activity on a web page, I came across an article on Ask the CSS Guy on creating integrated forms.  It explains how to creates a table displaying features associated with different pricing options that when one is selected  a sign up form is displayed.  The page [...]]]></description>
			<content:encoded><![CDATA[<p><img style="border: 0pt none; margin: 8px;" src="http://www.userxp.co.uk/wp-content/crazyform2.jpg" border="0" alt="Crazy egg sign up form" hspace="8" vspace="8" align="middle" /></p>
<p>While look for more information on Crazy Egg, a great sevice that produces images showing user activity on a web page, I came across an article on <a title="Ask the CSS guy - CSS blog" href="http://www.askthecssguy.com/">Ask the CSS Guy </a>on creating integrated forms.  It explains how to creates a table displaying features associated with different pricing options that when one is selected  a sign up form is displayed.  The page works with javascript turned off as it takes the user to a separate page when this is the case.  However, there may still be some accessibility issues as not all speach browser users disable javascript and they may not be aware of the appearance of the form. The example would also be improved if it did not show the option button once it is selected. Still a very interesting technique and great tutorial.</p>
<p><a title="Article on creating integrated forms" href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html">Creating a table with dynamically highlighted columns like Crazy Egg&#8217;s pricing table </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.userxp.co.uk/2008/04/product-comparison-table-with-integrated-sign-up-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More, more, more</title>
		<link>http://www.userxp.co.uk/2007/12/more-more-more/</link>
		<comments>http://www.userxp.co.uk/2007/12/more-more-more/#comments</comments>
		<pubDate>Fri, 07 Dec 2007 14:21:02 +0000</pubDate>
		<dc:creator>Neil</dc:creator>
				<category><![CDATA[Accessability]]></category>
		<category><![CDATA[Copy]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[labels]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[more]]></category>

		<guid isPermaLink="false">http://www.userxp.org/blog/?p=7</guid>
		<description><![CDATA[One of my pet hates is the use of &#8216;more&#8217; links to take the user to the full story. This is not limited to &#8216;more&#8217;, &#8216;full story&#8217;, &#8216;go&#8217; and the greater than sign being used as links also attract my distain. My problem with the use of these terms in links is that they tell [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.userxp.org/blog/wp-content/more.jpg" alt="Examples of links labelled more" hspace="8" align="left" />One of my pet hates is the use of &#8216;more&#8217; links to take the user to the full story. This is not limited to &#8216;more&#8217;, &#8216;full story&#8217;, &#8216;go&#8217; and the greater than sign being used as links also attract my distain. My problem with the use of these terms in links is that they tell the user nothing about the content that they link to.</p>
<p>The user has to look at the content around the link to identify what it does. This is fine if the user has been reading the proceeding paragraph, however very often users will scan the page for links if they are trying to navigate to content that will fulfill their goals. In a well designed site links should standout from body text allowing users to easily identify them. If links are not descriptive the user will need to then identify what content they are likely to link to.</p>
<p>This issue is worse for those that use speach browsers. These browsers have a facility that allows users just to hear the links within the page so they do not have to listen to the full page when they are trying to locate something. However, if links are labelled more it will do little to inform them where the link would go and they may end up listening to several more links in a row unable to distinguish them.</p>
<p>I&#8217;ve heard it suggested that the title tag could be used to distinguish more links for speach browsers. This is true, although the user will still need to listen to a meaningless label first. However, how much simpler is it to provide a descriptive link or make the title the link.</p>
<p>Having said this &#8216;more&#8217; can be used effectively in links when teamed with other words to provided a description of the content, such as &#8216;more categories&#8217; or &#8216;more news articles&#8217;. It is when it is used on its own as a generic term for this is a link. The only thing worse is the use of the term click here. I apprechiate people may want you to access a certain piece of content, but honestly what else are you suppose to do with links.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.userxp.co.uk/2007/12/more-more-more/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
