<?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>strottrot.com &#187; css</title>
	<atom:link href="http://strottrot.com/topics/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://strottrot.com</link>
	<description>on user experience, usability, and access</description>
	<lastBuildDate>Fri, 06 Aug 2010 01:37:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Skip to Content-ment</title>
		<link>http://strottrot.com/2006/03/28/skip-to-content-ment/</link>
		<comments>http://strottrot.com/2006/03/28/skip-to-content-ment/#comments</comments>
		<pubDate>Tue, 28 Mar 2006 15:55:19 +0000</pubDate>
		<dc:creator>strottrot</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://strottrot.canvaspunch.com/2006/03/28/skip-to-content-ment/</guid>
		<description><![CDATA[I have often settled for 'skip navigation' rather than 'skip to content' because Jaws and Kurzweil stress the second syllable of 'content', as in satisfied. Using title case (capital 'C') solves the problem!]]></description>
			<content:encoded><![CDATA[<p>I have often settled for &#8216;skip navigation&#8217; rather than &#8216;skip to content&#8217; because Jaws and Kurzweil stress the second syllable of &#8216;content,&#8217; as in satisfied.  I was reading <a title="Pure CSS Skip Link article" href="http://www.samhastings.com/resources/pure-css-skiplinks.php" target="_blank">Sam Hasting&#8217;s Pure CSS Skip Links article</a> and noticed that Jaws reads his &#8216;Skip to Content&#8217; properly. <strong>The title case (capital &#8216;C&#8217;) makes the difference!</strong></p>
<p>My primary audience is people with Learning Disabilities (often using a screen reader). Skip links are useful for this audience for the same reasons they are useful to keyboard navigators and screen reader users who are blind.<span id="more-5"></span></p>
<p>I think &#8216;skip to content&#8217; is generally preferable:</p>
<ul>
<li><strong>&#8216;Skip <em>to</em> Content&#8217; is more specific</strong>. A specific destination is named. &#8216;Skip navigation&#8217; usually really means &#8216;skip a bunch of stuff&#8217; (the header image alt tag and text, the top navigation, the search bar, the links in the left column).</li>
<li><strong>&#8216;Navigation&#8217; is usually not meant literally. </strong> As reason #1 suggests, you may be skipping over a bunch of stuff in addition to links and breadcrumbs.  People with Learning Disabilities, who often interpret things quite literally, as well as less-frequent web surfers, will have to think about what &#8216;navigation&#8217; means and what it is they will be skipping.</li>
</ul>
<p>I suspect that forcing left-column navigation to appear after the content in the code  is confusing for sighted screen-reader users. (In this country, when we look at a web page, we expect it to read left-to-right and top-to-bottom.) I&#8217;m hoping to test this out in our Usability Lab.</p>
<p>I did not realize that content-less anchor tags are &#8220;<a title="The Search for the Perfect Skip Link" href="http://www.communis.co.uk/blog/2005-08-18-the-search-for-the-perfect-skip-link" target="_blank">ignored by JAWS and several other browsers and screenreaders</a> .&#8221; In this article, Communis mentions the difficulty in deciding what to put in the anchor (or rather put the anchor around, like some header). I looked at the <a title="W3C's XHTML 1.0 Specifications" href="http://www.w3.org/TR/xhtml1/" target="_blank">W3C&#8217;s XHTML 1.0 specs</a> and found a few interesting things:</p>
<ol>
<li>the <code>name</code> attribute for the <code>a</code> element is deprecated in XHTML 1.0</li>
<li>as long ago as HTML 4.0, <a title="HTML 4.0 specs related to anchors" href="http://www.w3.org/TR/REC-html40/struct/links.html#anchors-with-id" target="_blank">you could link to an &lt;id&gt;</a>. This is great because it means my &#8216;Skip to Content&#8217; link with an <code>href</code> of <code>#content</code> will take users to the <code>div</code> wrapper with the <code>id</code> of <code>content</code> (or it could be assigned to an <code>h2</code> or some other appropriate element). This removes the need for an extra anchor tag, and for extra styling to remove the link styling which would otherwise be applied to that extra anchor tag.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://strottrot.com/2006/03/28/skip-to-content-ment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
