<?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>Funnelweb &#187; accessibility and standards</title>
	<atom:link href="http://www.funnelweb.net/index.php/category/standards-and-accessibility/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.funnelweb.net</link>
	<description>Simple websites for busy people</description>
	<lastBuildDate>Sun, 20 Jun 2010 08:07:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>A standard kind of code</title>
		<link>http://www.funnelweb.net/index.php/2009/03/10/a-standard-kind-of-code/</link>
		<comments>http://www.funnelweb.net/index.php/2009/03/10/a-standard-kind-of-code/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 19:26:28 +0000</pubDate>
		<dc:creator>sg</dc:creator>
				<category><![CDATA[accessibility and standards]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[validation]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[xhtml 1.0]]></category>

		<guid isPermaLink="false">http://www.funnelweb.net/?p=451</guid>
		<description><![CDATA[If you want to get under the skin of developers, just start talking to them about web standards. Specifically the idea of them building client side code which complies with standards such as XHTML 1.0 Transitional, CSS 2 (probably the two most commonly followed ones at the moment) and, dare I suggest, WCAG 1.0 (Accessibility). [...]]]></description>
			<content:encoded><![CDATA[<p>If you want to get under the skin of developers, just start talking to them about web standards.</p>
<p>Specifically the idea of them building client side code which complies with standards such as XHTML 1.0 Transitional, CSS 2 (probably the two most commonly followed ones at the moment) and, dare I suggest, WCAG 1.0 (Accessibility).</p>
<p>Whereas most good books (such as Bulletproof Web Design and so on) not only recommend that standards are followed but also give lots of tips on how to do it, most developers I&#8217;ve ever worked with see standards compliance as another overhead, in the same bucket as doing their timesheets and attending team meetings. The code would work just fine without them, no one will notice if they didn&#8217;t do it and what value does it really add. Etc.</p>
<p>I can see why they might think this way.</p>
<p>There are loads of examples of high profile, hugely popular commercial sites that are clearly not standards compliant &#8211; even at the technical code level, as any simple check using the W3C Validator will show. It doesn&#8217;t appear to have harmed their search engine rankings or affected their ability to display correctly in various browsers. (Though the additional costs of making such &#8220;non-standard&#8221; compliant sites achieve this must be enormous.)</p>
<p>And almost all of them gets away with it. Though now and then, some site owners are prosecuted the cases are sadly few. Naturally, this therefore strengthens the case for the non-standards compliance school. If the big guys don&#8217;t comply and they don&#8217;t suffer as a result, why should anyone else bother.</p>
<p>Yet standards compliance is so simple to achieve and really doesn&#8217;t take much more time to do, so it shouldn&#8217;t be seen as such a burden. It basically amounts to producing clean, tidy and efficient code and using html properly &#8211; ie. semantically &#8211; which is what any good developer should surely be striving to do. I often use the analogy of a journalist complaining if they are asked to spellcheck their stories &#8211; surely it should be something that they do as a matter of course in the quest for quality.</p>
<p>Accessibility is a little different. Accessibility does require going that extra bit further, tagging up titles, using tabs and hot-keys to aid navigation, providing non-javascript versions of key content if you&#8217;ve also used javascript for it and so on. Being standards compliant takes you a long way to having an accessible site, but not completely.</p>
<p>But even then, it really doesn&#8217;t take too much more effort. And there are loads of tools to help check for compliance. I discovered a very good one recently &#8211; <a href="http://www.totalvalidator.com/" target="_blank">Total Validator</a>. You can use it to check your code against the various html standards at the same time as you test for code-based (as opposed to content-based) accessibility compliance.</p>
<p>At the end of the day, whether its a legal requirement or not, it makes good sense to produce neat, clean standards-compliant code. It loads faster, works across more devices, is easier to maintain and ultimately better for users.</p>
<p>There&#8217;s really no excuse not to do it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.funnelweb.net/index.php/2009/03/10/a-standard-kind-of-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3 new social media friends</title>
		<link>http://www.funnelweb.net/index.php/2009/01/10/3-new-social-media-friends/</link>
		<comments>http://www.funnelweb.net/index.php/2009/01/10/3-new-social-media-friends/#comments</comments>
		<pubDate>Sat, 10 Jan 2009 10:52:13 +0000</pubDate>
		<dc:creator>sg</dc:creator>
				<category><![CDATA[accessibility and standards]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[next generation search]]></category>
		<category><![CDATA[operator plugin]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://www.funnelweb.net/?p=347</guid>
		<description><![CDATA[HTML5, microformats and next generation search &#8211; 3 things which you should probably become acquainted with this year if you work in the area of social media or web development. Why? Because they are crucial to driving forward their adoption. Peter Kim recently did some research into Social Media Predictions for 2009 &#8211; here is [...]]]></description>
			<content:encoded><![CDATA[<p>HTML5, microformats and next generation search &#8211; 3 things which you should probably become acquainted with this year if you work in the area of social media or web development.</p>
<p>Why? Because they are crucial to driving forward their adoption.</p>
<p>Peter Kim recently did some research into Social Media Predictions for 2009 &#8211; <a href="http://www.beingpeterkim.com/2008/12/social-media-2009.html">here is his paper</a> if you want to have a browse. Interestingly, there was little mention of these 3 areas but probably because it was more of a marketing and social paper than a technical &#8220;how to&#8221; guide.</p>
<p>But these areas are essential to delivering some of the changes predicted in that paper.</p>
<p>Firstly, <strong>html 5</strong>.</p>
<p>Though <a href="http://www.w3.org/TR/html5/" target="_blank">the standard</a> is still in development, quite a bit of information has already been released about it. <a href="http://www.alistapart.com/articles/previewofhtml5" target="_blank">This article</a> provides an excellent snapshot of what we can hopefully expect to see when the standard is finally delivered &#8211; and more importantly, supported by all browsers.</p>
<p>The new set of elements and attributes should go a long way to encouraging developers to produce more semantic, better structured html. And that&#8217;s essential for social media, mashups, RSS, enabling user-generated content on pages, providing better searchable blog entries and so on.</p>
<p>Three examples: HTML5 introduces a range of &#8220;structure&#8221; elements such as &lt;footer&gt;, &lt;nav&gt; and &lt;aside&gt;. This will greatly help developers mark up the content of their pages more accurately for use by search engines, content aggregators and social media tools.</p>
<p>Second example: HTML5 provides various elements for developers to use in place of the ubiquitous &lt;object&gt; element. New elements such as &lt;video&gt; and &lt;audio&gt; will enable developers to more accurately tag content so it can be more easily consumed by other sites, tools and so on.</p>
<p>I also read somewhere &#8211; though I can&#8217;t see it in the current draft standard &#8211; that an element will be provided to enable developers to mark up some content sections as being editable by users. If so, this should result in the explosion of user-generated content on all sorts of pages &#8211; basically, &#8220;instant&#8221; wiki pages. And potentially I guess make it possible for users to narrow searches by &#8220;user-generated&#8221; content.</p>
<p>Moving on to <strong>microformats</strong>. Though some may perhaps be replaced by new html 5 elements, <a href="http://microformats.org/" target="_blank">microformats</a> give developers the option to provide greater granularity when marking up their content.</p>
<p>This is all good stuff when it comes to making content more searchable and better able to be shared. Many people are probably already familiar with the geo tag for marking up location details of content so that it can be displayed for example of location-aware devices.</p>
<p>You can see some <strong>microformats</strong> in action if you install the <a href="http://labs.mozilla.com/2006/12/introducing-operator/" target="_blank">Operator Firefox extension</a> and look at any wordpress-driven blog including this one through the firefox browser. WordPress comes with the microformat rel-tag inbuilt so that whenever you add a post to a category, this microformat tag is populated.</p>
<p>If you&#8217;ve got the extension enabled, when looking at this post have a look at the toolbar and you will see &#8220;tagspaces&#8221; highlighted. Look at the drop-down list and you will see a list of sites that consume the tags on this post and let you search by them.</p>
<p>Microformats have huge potential for social media, next generation search and content sharing &#8211; once they become more widely adopted.</p>
<p>And finally, the 3rd new friend &#8211; <strong>next generation search</strong>.</p>
<p>As .net predicts in <a href="http://www.netmag.co.uk/zine/latest-issue/issue-185" target="_blank">this month&#8217;s issue</a>, &#8220;google&#8217;s 10 blue links will soon be history&#8221;. <a href="http://searchenginewatch.com/3624837" target="_blank">This site </a>gives examples of new, more relevant ways of searching.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.funnelweb.net/index.php/2009/01/10/3-new-social-media-friends/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comments are free but the code is rubbish</title>
		<link>http://www.funnelweb.net/index.php/2008/09/25/comments-are-free-but-the-code-is-rubbish/</link>
		<comments>http://www.funnelweb.net/index.php/2008/09/25/comments-are-free-but-the-code-is-rubbish/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 20:43:48 +0000</pubDate>
		<dc:creator>sg</dc:creator>
				<category><![CDATA[accessibility and standards]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[gentlesource]]></category>
		<category><![CDATA[w3c validator]]></category>

		<guid isPermaLink="false">http://www.funnelweb.net/?p=103</guid>
		<description><![CDATA[One of the things I&#8217;ve been keen to do for a while is to add a better comments tool to London for Free. Recently, I discovered an excellent script from GentleSource, which seemed to do the trick nicely. All I needed to do was to set up a mysql database from my webhost and download, [...]]]></description>
			<content:encoded><![CDATA[<p>One of the things I&#8217;ve been keen to do for a while is to add a better comments tool to <a href="http://www.londonforfree.net">London for Free</a>.</p>
<p>Recently, I discovered an excellent script from <a href="http://www.gentlesource.com/comment-script/">GentleSource</a>, which seemed to do the trick nicely. All I needed to do was to set up a mysql database from my webhost and download, install and configure the script. Then add it to some pages.</p>
<p>Simple &#8211; but there was of course the small matter of 150 code validation failures once the code was embedded in my site.</p>
<p>&lt;rant&gt;</p>
<p>Why can&#8217;t developers write validated code? If I can do it &#8211; and I&#8217;m not a developer &#8211; why can&#8217;t they. Or is it that they won&#8217;t or can&#8217;t be bothered. Don&#8217;t see its importance, etc etc.</p>
<p>Its the equivalent of writing a letter filled with lots of spelling and grammatical errors and they ought to be slapped with wet fish. Honestly.</p>
<p>&lt;/rant&gt;</p>
<p>Faced with more failures than the X Factor panel, I ended up pulling the script apart, re-writing the include.php file and, instead of including the comments form as an SSI, sticking it into xhtml pages as an iframe. At least this way, I removed all the reported code failures and also had more control over the look and feel of the comments form through being able to edit the style sheet for it.</p>
<p>I&#8217;ve managed to get it working for two walks sections: <a href="http://www.londonforfree.net/walks/cultural/comments.php">cultural</a> and <a href="http://www.londonforfree.net/walks/royal/comments.php">royal</a> walks and hope to get the rest done over the weekend.</p>
<p>At least I&#8217;ve now included a better comments tool &#8211; and with valid code, more or less.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.funnelweb.net/index.php/2008/09/25/comments-are-free-but-the-code-is-rubbish/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

