<?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>Man with no Blog &#187; web accessibility</title>
	<atom:link href="http://manwithnoblog.com/category/web-accessibility/feed/" rel="self" type="application/rss+xml" />
	<link>http://manwithnoblog.com</link>
	<description>Gary Barber rants on user experience, and the controlled chaos of the Web Industry</description>
	<lastBuildDate>Thu, 12 Aug 2010 15:18:19 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Kill Accessibility</title>
		<link>http://manwithnoblog.com/2010/05/20/kill-accessibility/</link>
		<comments>http://manwithnoblog.com/2010/05/20/kill-accessibility/#comments</comments>
		<pubDate>Thu, 20 May 2010 02:22:44 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[presentation]]></category>
		<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[a11y]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[aria]]></category>
		<category><![CDATA[BarCampPerth]]></category>
		<category><![CDATA[calltoaction]]></category>
		<category><![CDATA[inclusive design]]></category>
		<category><![CDATA[p52]]></category>
		<category><![CDATA[patterns]]></category>
		<category><![CDATA[perthbc4]]></category>
		<category><![CDATA[project-52]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[tokenism]]></category>
		<category><![CDATA[universal design]]></category>
		<category><![CDATA[wcag1]]></category>
		<category><![CDATA[wcag2]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=1397</guid>
		<description><![CDATA[
Let&#8217;s get some reality on the web accessibility debate.
We all know about WCAG 1, we have all at least had a look at the associated checklists.  If you are lucky you may have glanced at WCAG 2.
We all have been developing and designing our sites with semantic content, in compliance with W3C guidelines, using progressive [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Stairways to nowhere" href="http://www.flickr.com/photos/cannedtuna/3033733715/"><img src="http://farm4.static.flickr.com/3294/3033733715_003def58bb_m.jpg" alt="Stairways to nowhere" width="180" height="240" /></a></p>
<p>Let&#8217;s get some reality on the web accessibility debate.</p>
<p>We all know about <a href="http://www.w3.org/TR/WCAG10/">WCAG 1</a>, we have all at least had a look at the associated checklists.  If you are lucky you may have glanced at <a href="http://www.w3.org/TR/WCAG20/">WCAG 2</a>.</p>
<p>We all have been developing and designing our sites with semantic content, in compliance with <a href="http://www.w3.org/standards/webdesign/htmlcss">W3C guidelines</a>, using <a href="http://www.alistapart.com/articles/understandingprogressiveenhancement/">progressive enhancement</a> for the interactive components, unobtrusive Javascript, and <a href="http://www.css3.info/graceful-degradation/">graceful degradation</a> of the pages for legacy browsers.   Maybe used some of the attributes of <a href="http://www.w3.org/WAI/intro/aria">ARIA</a>. Sure that&#8217;s a no brainer.</p>
<p>We know that doing this will solve most of the <a href="http://www.webaim.org/articles/gonewild/">accessibility issues</a>.</p>
<p>So much so that one would think that the <a href="http://www.alistapart.com/articles/wiwa/">cause for accessibility</a> and <a href="http://en.wikipedia.org/wiki/Universal_design">universal design</a> was over.  Right?</p>
<p>No &#8211; wrong.</p>
<h3>We are not Assistive Technology users</h3>
<p>If we set aside the fact that we still have people in Australia building non standards based sites with tables for layout and inline javascript.</p>
<p>We as a community (<em>edit &#8211; able bodied</em>) in general are just paying lip service to accessibility.  We have become complacent. We are engaging in a mindless tokenistic effort with accessibility.  Do we really care&#8230;</p>
<p>Often the real answer is No.  At least now we are being honest.</p>
<p>Think about it when was the last time you included a round of accessibility testing in a quote.   Or for that matter when was the last time you even considered it, or even raised the topic.</p>
<p>To often if the client does bring up accessibility in early discussions, we will just ignore it.  Pretend it isn&#8217;t an issue.</p>
<p>Even government agencies, local, state and federally, have been dodging accessibility issues.  I have seen it personally, straight faced lies, or statements of avoidance veiled in bureaucratic misunderstanding.   The mindless ticking off on the WCAG 1 checklist, just to get the <abbr title="Key Performance Indicator">KPI</abbr> achieved, too often by a junior staff member who doesn&#8217;t really have any interest in accessibility or the like anyway.</p>
<p>This has to stop.</p>
<p>Yes some of us are doing something, but in reality is it enough.</p>
<p>Are we calling our fellow peers to task when the accessibility on their web site is just not up to scratch?  We used to do this with  web standards.  Why not accessibility?</p>
<p>Maybe we need to remind people that ensuring a web site is accessible in Australia is a <a href="http://www.humanrights.gov.au/disability_rights/standards/www_3/www_3.html">legal requirement</a>.</p>
<h3>Losing our way.</h3>
<p>Still with accessibility we have gone very quiet.  Even silent.  Why?</p>
<p>Simple we have become our clients, we are now just playing the same lip service, tokenism game that our clients are often playing.   Yes in public we (they) will state that we care about accessibility.   But in reality we (<em>edit &#8211; as able bodied designers and developers</em>) don&#8217;t have to use assistive technology (AT), we don&#8217;t have a disability, in general we can see and use the web as it was intended.  We are a million miles from the practical world of using AT.</p>
<p>The old <abbr title="User Experience">UX</abbr> catch call is never truer here &#8211; <em>we are not the user</em>s.   The disparity between us and the people we are really working for, with accessibility, is sometimes just too great for us to even get a idea of what it is like, no matter how many <a href="http://www.dingoaccess.com/accessibility/refreshable-braille-and-the-web/">videos of people using assitive technology we see</a>.</p>
<h3>Why we are doing nothing.</h3>
<p>In a lot of cases we have the tools with the standard issue Web Technology to make the entire web accessible. We have had them for over 4 years now.  Still a lot of sites fail all but a basic Jaws reading test.  Why?</p>
<p>We know why, we just don&#8217;t talk about it, it&#8217;s the elephant in the room:</p>
<ul>
<li>
<h4>Money</h4>
<p>Money is the primary issue.  It&#8217;s always  comes down to money, it costs for testing, it costs for recruiting, it costs to find the best solution.</p>
</li>
<li>
<h4>No ROI</h4>
<p>From the clients view there is a perception that there is no return on investment.  The AT audience is just too small and they are seen as being just on welfare and not having any disposable income at all.</p>
</li>
<li>
<h4>Lack of Skills</h4>
<p>There is a lack of skills or documented solutions for all but the common accessibility issues.  Yes lots of people around the world have found solutions to most of the problems.   However if you want to solve it locally you have to reinvent the solution again or call in an overseas or interstate high paid consultant.</p>
</li>
<li>
<h4>Social Value</h4>
<p>In reality there is no socially inspired public relations value in accessibility.  A business can be seen to get more value out of sponsoring a guide dog than making their web site accessible.</p>
</li>
<li>
<h4>Why Bother</h4>
<p>Although the <a href="http://www.hreoc.gov.au/">Australia Human Rights Commission</a> hasn&#8217;t been sitting on it&#8217;s hands on these issues. There is a general public and web industry perception that they have. So if the legislator isn&#8217;t bothered with enforcing compliance why should anyone else care.</p>
</li>
<li>
<h4>Lack of Tools</h4>
<p>There is no sure-fire tool that we can automatically measure accessibility of a site.  It takes real testing and a compliance checklist to ensure a site is accessibility to a wide spectrum of the community.   It&#8217;s much easier to just lie on the checklist, after all who is going to check.  Yes I have seen this being done time after time.</p>
</li>
</ul>
<h3>What can we do.</h3>
<p>It&#8217;s a sad really.  In a way we shouldn&#8217;t have even got to this state.</p>
<p>It&#8217;s as if the hard battle for accessibility has only been won on the popularist visually impaired front.  Leaving the cognitive, motor control, hearing and the like issues out in the cold.</p>
<p>Now I don&#8217;t have a solution, however this is something I have been thinking about a great deal.</p>
<p>I&#8217;m certain what every we have to do, isn&#8217;t going to be one simple solution.  On a side note: don&#8217;t look to HMTL5, that&#8217;s not going to be the magical panacea.  I except  the answer will be in a multiple pronged approach:</p>
<ul>
<li>
<h4>Kill off Accessibility</h4>
<p>In some ways even considering accessibility as a separate item is the wrong approach. We really need to be considering the ideals of universal design, in which everything is designed for everyone.   Let&#8217;s just for a minute forget about accessibility as a separate issue. We need to design and develop for people using AT just like we do for any other usability issue.  This is where  Inclusive Design comes in.</p>
</li>
<li>
<h4>No more checklists</h4>
<p>Lets be honest the WCAG checklists  don&#8217;t work. We don&#8217;t have HTML or CSS checklists.   Why should we have accessibility ones.   Checklists are just too open to management and insecure web team members abusing them and warping the real results.  After all who is going to challenge or randomly audit them &#8211; senior management, I don&#8217;t think so.</p>
</li>
<li>
<h4>Merge the Guidelines</h4>
<p>Over time it would be idea to merge WCAG in the core of HTML and CSS guidelines such that it is just second nature to the recommended implementation examples with HTML or CSS.   Okay this is a really long term solution considering we are just getting into HTML5.</p>
</li>
<li>
<h4>Ninja Accessibility</h4>
<p>Being realistic we aren&#8217;t going to get all those ideas of the ground tomorrow.  However we can take advantage of the aging baby boomer population in the west.  This generation of older adults, will start to have a lot of leverage and will also start to encounter  a number of minor web accessibility issues.  Via overcoming these issues by stealth, ninja like, one is able to introduce an inclusive design mind set to the client, via an area they can relate to.</p>
</li>
<li>
<h4>Accessibility Patterns</h4>
<p>This is one that I touched on above.  Wouldn&#8217;t it be nice if there was a centralised library of accessibility solutions, a bit like a UI pattern library like <a href="http://developer.yahoo.com/yui/">Yahoo User Interface Library</a> or  the <a href="http://developer.yahoo.com/ypatterns/">Yahoo Design Pattern Library</a>.  That way designers and developers could just look for a solution to a problem or just consider the overall UI recommended in terms of an inclusive design.    Either way it would be a win, win situation.</p>
<p>Now there are lots of very smart accessibility design practitioners across the world.  I know a good number of them have encountered most of the common issues and then some more.   Some have published these issues and the work arounds as they discover them.  Some have just listed the issue and test results, leaving the solution as a guarded revenue stream.  And others are just too busy to really contribute.</p>
<p>We need to harness this information and store it somewhere centrally.   As a community resource.   Think about it, think about the differences that developmental patterns and UI design patterns have made to the developmental process. No more reinventing the wheel (or widget) .  They have allowed the adoption of a landscape where good practices are now the norm.</p>
<p>What we need to do is  foster the accessibility community to build accessibility patterns as solutions to common problems.   Such that any designer or developer can drop the solution in place and be confident of the out come.   Yes this does need some altruistic contributions back to the community by accessibility solution specialists.  However just consider the overall result in the longer term.</p>
</li>
</ul>
<p>In a way I have dream that in the next five years we can turn this around and have  accessibility issues approached in the same way we now do for web standards.</p>
<p>However in order to do this we need to start today, and make real changes in what we do.</p>
<p>Are you with me!</p>
<div id="explanation">This article is based around the talk <em>Kill Accessibility</em> presented at <a href="http://barcampperth.org/">Perth BarCamp4</a>, April 2010.  The slidedeck is available on <a href="http://www.slideshare.net/CannedTuna/kill-accessibility">Slideshare</a> or below:
<div id="__ss_3675738" style="width: 425px;"><strong><a title="Kill Accessibility" href="http://www.slideshare.net/CannedTuna/kill-accessibility">Kill Accessibility</a></strong><object id="__sse3675738" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=killing-off-accessibility-100409095121-phpapp02&amp;stripped_title=kill-accessibility" /><param name="name" value="__sse3675738" /><param name="allowfullscreen" value="true" /><embed id="__sse3675738" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=killing-off-accessibility-100409095121-phpapp02&amp;stripped_title=kill-accessibility" name="__sse3675738" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/CannedTuna">Gary Barber</a>.</div>
</div>
</div>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2010/05/20/kill-accessibility/feed/</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>CSS menus why use Display:None</title>
		<link>http://manwithnoblog.com/2009/12/06/the-case-for-the-use-of-display-none/</link>
		<comments>http://manwithnoblog.com/2009/12/06/the-case-for-the-use-of-display-none/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 02:54:55 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[blind]]></category>
		<category><![CDATA[screen reader]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=875</guid>
		<description><![CDATA[
You know in accessibility circles we are constantly telling people using drop down CSS menus that when the menus are not visible  we shouldn&#8217;t be using display:none to achieve this.   We all know this one, right.  Just to refresh your memory, remember the display:none rule takes an element assigned right out of the picture [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Hiding In Plain Sight by CannedTuna, on Flickr" href="http://www.flickr.com/photos/cannedtuna/2728035344/"><img src="http://farm4.static.flickr.com/3236/2728035344_942c474931_m.jpg" alt="Hiding In Plain Sight" width="240" height="160" /></a></p>
<p>You know in accessibility circles we are constantly telling people using drop down CSS menus that when the menus are not visible  we shouldn&#8217;t be using display:none to achieve this.   We all know this one, right.  Just to refresh your memory, remember the display:none rule takes an element assigned right out of the picture completely,  for anyone using a screen reader the assigned content will just not &#8220;exist&#8221;.</p>
<p>This is all well and good.  Well that depends, maybe there is a case for the use of display:none afterall.</p>
<p>Sometimes we forget about the bigger picture, about the people we are building the sites for.  A few weeks ago at the <abbr title="Usability Professionals Association">UPA</abbr> Perth (chapter in formation) meeting, Teressa from the Disability Services Commission demonstrated with her screen reader (JAWS) why the display:none is sometimes a good thing.</p>
<h3>The Issue</h3>
<p>Normally for a drop down menu you would code it as a unordered list as below, note I have removed the links for clarity:</p>
<pre><code>&lt;ul class="menu"&gt;
        &lt;li&gt;Home&lt;/li&gt;
        &lt;li&gt;Products
           &lt;ul class="submenu"&gt;
               &lt;li&gt;Sexy Product &lt;/li&gt;
               &lt;li&gt;Highest Selling Product&lt;/li&gt;
               &lt;li&gt;Mega Cool Product&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;Services&lt;/li&gt;
        &lt;li&gt;About&lt;/li&gt;
        &lt;li&gt;Contact&lt;/li&gt;
&lt;/ul&gt;</code></pre>
<p>And you would use CSS menu based techniques (with a little Javascript for legacy browsers) to generally display the lower  menu (assigned the class submenu on the unordered list).  It follows before the menu is activated it would be hidden from view with the use of the following CSS that still makes the submenu content readable to a screen reader.</p>
<pre><code>.submenu {
    position: absolute; 
    left: -10000px;
    top:-10000px;
 }</code></pre>
<p>For those who are not familiar,  this rule pushes the element outside of the normal document flow visually &#8211; to the far left and up beyond the normal visual screen.  However it is still on the virtual screen, so it can be read by a screen reader.</p>
<p>It follows then that a screen reader will be able read all the menu items even the lower level ones and hence the user can transverse at their will round such a menu system.   Which is a good outcome, right?</p>
<h3>The Downside &#8211; Information Overload</h3>
<p>However consider not just a simple menu system (above), but say one from a government agency  consisting of  maybe hundreds of items.  Now think about  having to transverse such a menu.  To deal with those hundreds of items being read out.  As Teressa put it -&#8221;It&#8217;s just information overload&#8221;.</p>
<p>Unknowingly we have subjected our users with disabilities to a massive amount of information that even we are not subjected to.   You see even we see the the menus in chunks, bite sized pieces that we can mentally digest as they appear on a mouse or keyboard action.</p>
<h3>The Solution</h3>
<p>It&#8217;s really a simple thing to fix.  We just use display:none to hide all these large lower menu systems as required.  This means that they are no longer visible to the screen reader at all.  Which is exactly what we want.</p>
<pre><code>.submenu {
     display:none;
 }</code></pre>
<p>To supplement this what we should be doing is using progressional enhancement of the navigational system.  At the very least we should be  having the relevant  sub menus presented on the parent page or related sibling pages as a separate menu list.   This way anyone with disabilities or the like using just the top level menu buttons will still be able to navigate around the site.</p>
<p>So when we have way too much information on the CSS menu, maybe it&#8217;s time to consider an  alternative and remove it from the sight of the screen readers altogether. Forcing the navigation of the site by the regular page by page chunks of the menu navigation.</p>
<p>As you would expect this all comes down to testing with real people, people with the disabilities that you are finding solutions for.  You see sometimes with all the good intentions we think we are doing the right thing, but it turns out to be otherwise.</p>
<p>So what instances of disability best practice have you found to be a hinderance to people with a disability?</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2009/12/06/the-case-for-the-use-of-display-none/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Ideas5 &#8211; Time to Learn About Accessibility</title>
		<link>http://manwithnoblog.com/2009/04/06/ideas5-time-to-learn-about-accessibility/</link>
		<comments>http://manwithnoblog.com/2009/04/06/ideas5-time-to-learn-about-accessibility/#comments</comments>
		<pubDate>Mon, 06 Apr 2009 00:30:44 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[awia]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[ideas5]]></category>
		<category><![CDATA[PDF]]></category>
		<category><![CDATA[WCAG 2]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=391</guid>
		<description><![CDATA[
The Australian Web Industry Association is doing it again.  Putting on one of those must go to educational web events.  This one goes under the moniker of Ideas 5.
They are having an evening of discussions with leading Australian accessibility experts Roger Hudson and Andrew Downie.   Roger will be giving the low down on the [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><img src="/wp-content/uploads/2009/04/ideas5.jpg" alt="ideas 5  logo" /></p>
<p>The <a href="http://webindustry.asn.au/">Australian Web Industry Association</a> is doing it again.  Putting on one of those must go to educational web events.  This one goes under the moniker of <a href="http://webindustry.asn.au/ideas5/">Ideas 5</a>.</p>
<p>They are having an evening of discussions with leading Australian accessibility experts Roger Hudson and Andrew Downie.   Roger will be giving the low down on the <a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines Version 2</a> (WCAG 2), while Andrew will be presenting some practical advice on PDF Accessibility.   There is also the usual round of networking with your web industry peers and a cash bar.</p>
<p><strong>When:</strong> Wednesday 22nd April, from 7:00pm</p>
<p><strong>Where:</strong> The Melbourne Hotel, 942 Hay Street, Perth</p>
<p><strong>Cost:</strong> $40 for AWIA Members</p>
<p>Now if you are fully up to date, you will know that WCAG 2 has been ratified by the W3C, but it yet to be adopted here in Australia.  However I can say that it is very close to happening.   So this event would be an ideal time to get your brain space around the new accessibility guidelines.</p>
<p>Okay I know there is lot of PDF use out there as a cheap web publishing means, so it would also be a good idea to also come along and see first hand what type of issues that our bad PDF documents are causing accessibility wise on the web.   So you get two must see events for one!  Cool, eh.</p>
<p>Now what you waiting for go on, go get a <a href="http://app.webindustry.asn.au/tickets/ideas5">ticket</a>, yes right now. I hope to see you at Ideas5 to learn all about WCAG 2, PDF Accessibility and to have a drink or two.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2009/04/06/ideas5-time-to-learn-about-accessibility/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Taking Accessibility to the Edge with Derek Featherstone</title>
		<link>http://manwithnoblog.com/2008/10/20/taking-accessibility-to-the-edge-with-derek-featherstone/</link>
		<comments>http://manwithnoblog.com/2008/10/20/taking-accessibility-to-the-edge-with-derek-featherstone/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 00:58:50 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[conference]]></category>
		<category><![CDATA[eotw]]></category>
		<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[aria]]></category>
		<category><![CDATA[derek featherstone]]></category>
		<category><![CDATA[edgeoftheweb]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[ria]]></category>
		<category><![CDATA[WCAG 2]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=223</guid>
		<description><![CDATA[photo: Ben Buchanan
In a few weeks there is going to be the biggest web event of the Western Australian calendar year.  Not just the Edge of the Web conference, there is also Webjam, four workshops and the WA Web Awards all in one roller coaster week.
One of the keynote speakers and workshop presenter at [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a href="http://www.flickr.com/photos/200ok/2898804360/"><img class="alignnone size-full wp-image-224" title="Derek Featherstone at Web Directions South 2008" src="http://manwithnoblog.com/wp-content/uploads/2008/10/derek.jpg" alt="" width="240" height="160" /></a><span class="credit">photo: <a href="http://weblog.200ok.com.au/">Ben Buchanan</a></span></p>
<p>In a few weeks there is going to be the biggest web event of the Western Australian calendar year.  Not just the <a href="http://www.edgeoftheweb.org.au/">Edge of the Web</a> conference, there is also <a href="http://webjam.com.au/webjam9">Webjam</a>, <a href="http://www.edgeoftheweb.org.au/program/workshops">four workshops</a> and the <a href="http://wawebawards.com.au">WA Web Awards</a> all in one roller coaster week.</p>
<p>One of the keynote speakers and workshop presenter at the Edge of the Web conference is <a href="http://boxofchocolates.ca">Derek Featherstone</a>.   Derek is particularly renown for his straight forward and often enlightening approach to accessibility.</p>
<p>The other day I took the opportunity  to discuss with Derek his motivation, the future of accessibility and his forthcoming workshop.</p>
<dl class="conversation">
<dt>MWNB:</dt>
<dd class="mwnb">You were recently in Australia for Web Directions South 2008, last month, and previous to that in 2006, and 2005. And now in a few weeks you are making the trip back down to Australia for the <a href="http://www.edgeoftheweb.org.au">Edge of the Web</a>.  So what is it really about Australia that makes it so attractive, or are you just returning to get more triathlon tips?</dd>
<dt>DF:</dt>
<dd>Since my first trip down under in 2005, I&#8217;ve just wanted more and more! The timing always seems perfect &#8211; just as we&#8217;re starting to turn cold here at home (Ottawa, Canada) &#8211; I get to sneak away for a while to the beautiful weather. And, now that I&#8217;ve been there for several trips, it really does feel like another home. I&#8217;m always welcomed by wonderful people that are really switched on to accessibility, user experience and the web in general. For me, it was a no-brainer to accept the invitation to EOTW.</dd>
<dt>MWNB:</dt>
<dd class="mwnb">Recently, in Australia at least, there has been a lot of promotion and discussion on accessibility.  To the point that in many circles the case for considering accessibility appears to have been won,  allowing web designers and developers alike to relax their guard. This is turn has allowed the government and corporate sector to fall back on believing that accessibility issues are no longer important at all.  Given Australia&#8217;s soft legislative approach to accessibility how does one get it back on the corporate agenda.</dd>
<dt>DF:</dt>
<dd>
<blockquote><p>The case for considering accessibility appears to have been won</p></blockquote>
<p>I&#8217;m not sure this is the case at all. I mean, we all <em>say</em> we consider it, but what do we actually <em>do</em> about it. Yes, I&#8217;ll admit that in many cases, the battle for &#8220;old school&#8221; accessibility may have been won, and there are scores of people that put that into practice every single day. But &#8212; we need to keep plugging away to move things beyond consideration into action. And &#8211; as we continue to innovate on the web, so too, we must with accessibility.</p>
<p>Getting it back on the corporate agenda might be somewhat difficult &#8211; I suspect a lot of people think they&#8217;re already doing accessibility really well. However, if we simply ask them if their innovations in accessibility are keeping up with the rest of the innovations they are pushing, I think a lot of people will answer that it hasn&#8217;t.</p>
</dd>
<dt>MWNB:</dt>
<dd class="mwnb">Within web application development circles there is a slow<br />
movement off the corporate intranet of RIA systems into the web space.  Traditionally this has been seen as a bad thing in terms of accessibility, as Flash and Silverlight have always been seen as the<br />
evil ugly sister in terms of accessibility.  But of late there seems to be a change in this perception in terms of accessibility.  So is RIA the future over HTML?</dd>
<dt>DF:</dt>
<dd>
<p>Ah, to have a crystal ball</p>
<p>For certain contexts, both now and in the forseeable future, HTML of some sort is a perfectly capable format. For documents, certainly, and even simple web applications, what we have now works, and works quite well.</p>
<p>It can easily be argued that more interactive technologies such as Flash and Silverlight hold much promise and can be much more usable than the most static and traditional HTML format. E-learning and data visualization experiments are prime examples of how these technologies can be used to help communicate our messages in an engaging and interactive way to everyone.</p>
<p>There are loads of great examples of how these technologies come together to create interactive narratives at (the aptly named) <a href="http://www.interactivenarratives.org">http://www.interactivenarratives.org</a>. The site was founded by Andrew DeVigal, who currently serves as the multimedia editor of The New York Times. The work he has done there is brilliant in terms of how it<br />
engages the person viewing the site. What if we could take that same approach to web applications and create an immersive means to interact with data and with each other?</p>
<p>Yes. I&#8217;d still like that crystal ball, please.</p>
</dd>
<dt>MWNB:</dt>
<dd class="mwnb">Over the last two years the relevancy of the W3C and all it&#8217;s<br />
forcoming guidelines has been drawn into question, time and time again.  Of note in this area in terms of accessibility are the upcoming WCAG 2  and  WAI-ARIA, are you confident these two are going<br />
to make any impact at all.</dd>
<dt>DF:</dt>
<dd>
<p>Yes, actually, I am.</p>
<p>WCAG 2 takes a big step forward to provide guidance for making things accessible that aren&#8217;t necessarily HTML. It will help with creating accessible PDFs, Silverlight, Flash, and other technologies that are yet to come. For that reason alone, I&#8217;m excited about WCAG 2 &#8212; its technology agnostic approach will help developers meet accessibility needs.</p>
<p>Accessible Rich Internet Applications (ARIA) has been in the works for some time, and we&#8217;re finally seeing support in mainstream browsers and assistive technologies. I&#8217;ll be perfectly honest &#8211; we needed it to be ready about three years ago, so when it finally does come about, it&#8217;ll be most welcome. It is a missing piece to the puzzle of accessible RIAs right now, so I&#8217;m very happy to see continued progress on that front.</p>
</dd>
<dt>MWNB:</dt>
<dd class="mwnb">While you are in Australia next month you are presenting a  <a href="http://www.edgeoftheweb.org.au/program/workshops/">workshop at the Edge of the Web</a>.  Hat tip by the way for your Web Directions Workshop.  Is this workshop going to be the usual cold theory of accessibility 101 that we have seen trotted out by various accessibility consultants over the years or will it be different and have that &#8220;Featherstone&#8221; magic.</dd>
<dt>DF:</dt>
<dd>I&#8217;m ecstatic you enjoyed the full-day version in Sydney at Web Directions South &#8212; the workshop I&#8217;m doing at EOTW will be the same core content in a half-day. Our goal is to share experiences, ideas and solutions with designers and developers so that they can walk away with concepts and techniques that help them question their practices and those of their teams. Definitely not Accessibility 101, and hopefully magic!</p>
</dd>
<dt>MWNB:</dt>
<dd class="mwnb">Thanks Derek and I&#8217;ll see you at the Edge of the Web.</dd>
</dl>
<p>So if you are interested in accessibility or just feel you need to learn a little more on this critical subject, I would be getting along to Derek&#8217;s keynote <a href="http://www.edgeoftheweb.org.au/program/#keynote"><em>Journey to the Edge of the Web</em></a> and workshop <a href="http://www.edgeoftheweb.org.au/program/workshops/"><em>Real World Accessibility for Ajax and Web Apps</em></a> on the Edge of the Web.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2008/10/20/taking-accessibility-to-the-edge-with-derek-featherstone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Now UX is Usability</title>
		<link>http://manwithnoblog.com/2008/04/12/now-ux-is-usability/</link>
		<comments>http://manwithnoblog.com/2008/04/12/now-ux-is-usability/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 10:05:53 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[user interfaces]]></category>
		<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[iso9241]]></category>
		<category><![CDATA[userexperience]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=170</guid>
		<description><![CDATA[During the week the general terms of User Experience and Usability become interchangeable.  Huh?
Well the ISO standard ISO 13407 &#8211; the International Standard for Human Centred Design (gets a new number too! &#8211; ISO 9241-210)  is being side shuffled it seems.  Now it&#8217;s a standard for User Experience.  Is this a [...]]]></description>
			<content:encoded><![CDATA[<p>During the week the general terms of User Experience and Usability become interchangeable.  Huh?</p>
<p>Well the ISO standard <a href="http://www.usabilitynet.org/tools/13407stds.htm"><em>ISO 13407 &#8211; the International Standard for Human Centred Design</em></a> (gets a new number too! &#8211; ISO 9241-210)  is being side shuffled it seems.  Now it&#8217;s a standard for User Experience.  Is this a good thing?</p>
<p>What is User Experience, really!  Well for me it&#8217;s all the aspect of the front end user interaction, the emotional response to use the page, the effective usefulness, the accessibility, the audience&#8217;s perception of credibility of the site and the directive of the user towards the site&#8217;s goal.  Usability (<em><a href="http://www.usabilitynet.org/tools/r_international.htm#9241-11">ISO 9241-11: Guidance on Usability</a></em>) on the other hand is just an narrow aspect of this entire user experience</p>
<p>Seems that <a title="Usability or User Experience – what’s the Difference?" href="http://www.usabilitynews.com/news/article4636.asp">Tom Stewart</a> agrees with me on the definitions and to top this off the <a href="http://www.iso.org">ISO people</a> feel that the standard is more about the experience than the ease of use.  Fair call.</p>
<p>So we are basically cranking the entire process with an User Experience focus.  I suppose the aim here is that business overall, not just the big players, will adopt the general aspect of UX and make it the core of their developmental and design process.  One only hopes,  I don&#8217;t see it happening around here too quick, but that&#8217;s another post, eh.</p>
<p>For some people this will just be a semantics over the term being used.  So by Monday morning I expect all you usability consultants to fully up to speed with being UX consultants <img src='http://manwithnoblog.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2008/04/12/now-ux-is-usability/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Forget Select &#8211; it is Browse, Browse, Browse</title>
		<link>http://manwithnoblog.com/2008/02/14/forget-select-it-is-browse-browse-browse/</link>
		<comments>http://manwithnoblog.com/2008/02/14/forget-select-it-is-browse-browse-browse/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 01:00:10 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[user interfaces]]></category>
		<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[findabiity]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[user+testing]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/2008/02/14/forget-select-it-is-browse-browse-browse/</guid>
		<description><![CDATA[
The other day I was floored and humbled as I regularly am during a session of usability testing for a site prototype.   Up to this point the testing and functionality determination had gone well.    Then someone put a massive road block in the way.  There it was sticking up [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Are we all fools" href="http://www.flickr.com/photos/cannedtuna/1468141970/"><img src="http://farm2.static.flickr.com/1163/1468141970_4ccba494da_m.jpg" alt="Graph Streetart" width="240" height="160" /></a></p>
<p>The other day I was floored and humbled as I regularly am during a session of usability testing for a site prototype.   Up to this point the testing and functionality determination had gone well.    Then someone put a massive road block in the way.  There it was sticking up out of the ground blocking all findability of the core information on a site.  Well maybe it wasn&#8217;t that bad, but it did make me think; which is good.</p>
<h3>The Persona</h3>
<p>Part of the root of the problem was the demographic of the main user segment&#8217;s persona.  They where mainly low technology users,  with extremely low computer use, but still significant use when required for certain tasks. This  computer use was often  their own time.  Their work was very linear in nature with little room for any abstracted cognitive reasoning.</p>
<h3>The Problem</h3>
<p>Now we all assume you know how to use a select list (like below).  You click on the arrow and select an item or tab, open and select.</p>
<p>But consider when the user doesn&#8217;t go near the select list, or will only use the default highlighted select. To them the out of sight items are hidden, invisible.  They just can&#8217;t visually make the leap that the select list is in fact a number of selection items.</p>
<div class="exampledialog">
<select class="exampleselect"> <option>Item One</option> <option selected="selected">Item Two</option> <option>Item Three</option> <option>Item Four</option> </select>
</div>
<p>Hence all select lists,  search or browse filters are deemed void.</p>
<h3>The Solution</h3>
<p>It&#8217;s really simple to fix, we thought, this one is just a matter of education, people will nut it out.   But then the first time user is lost, what then.  So out churned the solutions:</p>
<ul>
<li>We tried check boxes.  They where partly successful, but if the checked state was presented as a &#8220;cross&#8221; then the user did a reverse selection to what they really desired.</li>
<li>Next we tried a open, multiple line selection box, this worked when you could see the items they required. Otherwise it failed.</li>
<li>Finally we ended up with a simple list of links (see below) to represent the items concerned.  With this the users had not problem and progressed as expected.</li>
</ul>
<div class="exampledialog">
<ul class="examplelist">
<li><a title="Item One" href="#">Item One</a></li>
<li><a title="Item Two" href="#">Item Two</a></li>
<li><a title="Item Three" href="#">Item Three</a></li>
<li><a title="Item Four" href="#">Item Four</a></li>
</ul>
</div>
<p>The key here was the user demographic, and that you should assume nothing.  So what show stoppers like this have you come against and how did you get around them?</p>
<p><span class="technoratitag"></span></p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2008/02/14/forget-select-it-is-browse-browse-browse/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Ideas4 &#8211; Done and Dusted</title>
		<link>http://manwithnoblog.com/2008/02/05/ideas4-done-and-dusted/</link>
		<comments>http://manwithnoblog.com/2008/02/05/ideas4-done-and-dusted/#comments</comments>
		<pubDate>Tue, 05 Feb 2008 14:47:44 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[angel investors]]></category>
		<category><![CDATA[Ideas4]]></category>
		<category><![CDATA[startup]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[VC]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/2008/02/05/ideas4-done-and-dusted/</guid>
		<description><![CDATA[Well a little over a week ago AWIA pulled off another event miracle, Ideas4.  It organised an evening seminar for the local web industry in little under 2 weeks.   As usual it all came together nicely on the night with over 100 people attending and even a special blow-in guest from the [...]]]></description>
			<content:encoded><![CDATA[<p>Well a little over a week ago <a title="Australian Web Industry Association" href="http://www.webindustry.asn.au/">AWIA</a> pulled off another event miracle, <a href="http://www.webindustry.asn.au/ideas4http://www.webindustry.asn.au/ideas4">Ideas4</a>.  It organised an evening seminar for the local web industry in little under 2 weeks.   As usual it all came together nicely on the night with over 100 people attending and even a <a href="http://molly.com">special blow-in guest</a> from the US, who just happened to be in town.</p>
<p><a rel="met acquaintance colleague" href="http://www.jordanbrock.com/">Jordan Brock</a> kindly videoed the two talks presented by <a title="Lisa Herrod  - Ideas4 Video on Vimeo" href="http://www.vimeo.com/662941">Lisa</a> and <a title="Rachel Cook - Ideas4 Video on Vimeo" href="http://www.vimeo.com/651168">Rachel</a>, encoded and uploaded them to  <a href="http://www.vimeo.com/">Vimeo</a>.</p>
<p><a rel="met contact colleague" href="http://www.minti.com/">Rachel Cook</a>, despite being 8 month pregnant, amused us all with tales of Silicon Valley and web 2.0 startups.</p>
<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="360" height="202" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="src" value="http://www.vimeo.com/moogaloop.swf?clip_id=651168&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=" /><embed type="application/x-shockwave-flash" width="360" height="202" src="http://www.vimeo.com/moogaloop.swf?clip_id=651168&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=" scale="showAll" allowfullscreen="true" quality="best"></embed></object></div>
<p><a href="http://www.vimeo.com/651168/l:embed_651168">Ideas 4 &#8211; Rachel Cook</a> at <a href="http://www.webindustry.asn.au/ideas4">Ideas4</a> on <a href="http://vimeo.com/l:embed_651168">Vimeo</a>.</p>
<p>Where as <a title="Scenario Girl" rel="met acquaintance colleague" href="http://www.scenariogirl.com/">Lisa Herrod</a> on her birthday trekked all the way from the East Coast to present on holistic usability and accessibility with <a title="Usability More Than Skin Deep on Slideshare" href="http://slideshare.net/LisaHerrod/usability-more-than-skin-deep">Usability More Than Skin Deep</a>, Proving that checklist help but real people should be part of the equation.</p>
<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="360" height="202" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="src" value="http://www.vimeo.com/moogaloop.swf?clip_id=662941&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=" /><embed type="application/x-shockwave-flash" width="360" height="202" src="http://www.vimeo.com/moogaloop.swf?clip_id=662941&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=" scale="showAll" allowfullscreen="true" quality="best"></embed></object></div>
<p><a href="http://www.vimeo.com/662941/l:embed_662941">Ideas 4 &#8211; Lisa Herrod</a> at <a href="http://www.webindustry.asn.au/ideas4">Ideas4</a> on <a href="http://vimeo.com/l:embed_662941">Vimeo</a>.</p>
<p>Thanks go to both Rachel and Lisa. You really made for an awesome evening.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2008/02/05/ideas4-done-and-dusted/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Ideas 4 &#8211; Accessibility, Usability and Web Startups</title>
		<link>http://manwithnoblog.com/2008/01/19/ideas-4-accessibility-usability-and-web-startups/</link>
		<comments>http://manwithnoblog.com/2008/01/19/ideas-4-accessibility-usability-and-web-startups/#comments</comments>
		<pubDate>Sat, 19 Jan 2008 02:30:44 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[awia]]></category>
		<category><![CDATA[experts]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[Ideas4]]></category>
		<category><![CDATA[Perth]]></category>
		<category><![CDATA[port80]]></category>
		<category><![CDATA[startups]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[userexperience]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[Western+Australia]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/2008/01/19/ideas-4-accessibility-usability-and-web-startups/</guid>
		<description><![CDATA[

Way back when there was Ideas 1, 2 and 3.  Well this year to kick of 2008 the WA chapter of the Australian Web Industry Association is presenting Ideas 4.Stepping up at Ideas 4  will be two  leading Australian speakers Lisa Herrod, (Sydney sider) webjam organiser web usability and accessibility guru  [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><img src="http://manwithnoblog.com/wp-content/uploads/2008/01/ideas4.gif" alt="ideas4" /></p>
<div class="vevent">
<p>Way back when there was Ideas 1, 2 and 3.  Well this year to kick of 2008 the <acronym title="Western Australian">WA</acronym> chapter of the <a title="Australian Web Industry Association" href="http://www.webindustry.asn.au/">Australian Web Industry Association</a> is presenting <a class="summary" title="Ideas 4" href="http://www.webindustry.asn.au/ideas4/">Ideas 4</a>.Stepping up at Ideas 4  will be two  leading Australian speakers <a title="Scenario Seven" rel="contact met colleague" href="http://scenarioseven.com.au/">Lisa Herrod</a>, (Sydney sider) <a href="http://manwithnoblog.com/2007/08/17/we-came-we-saw-we-webjammed/">webjam</a> organiser web usability and accessibility guru  and <a title="Vibe Capital" href="http://www.vibecapital.com/">Rachel Cook</a>, (local Perthite) Founder of <a href="http://www.minti.com/">Minti</a> and serial entrepreneur  (hmm that sounds dangerous).</p>
<p>There is also a bit of a rumour that maybe just maybe there maybe an special international guest as well, you&#8217;ll just have to come along to find out won&#8217;t you.</p>
<p><strong>When:</strong> <abbr class="dtstart" title="20080130T1900">Wednesday 30 January 2008, at 7:00pm</abbr><br />
<strong>Where:</strong> <span class="location">The Melbourne Hotel, 942 Hay Street,  Perth</span><br />
<strong>Cost:</strong> $25 Members,  $35  Non Members<br />
<strong>Tickets:</strong> <a class="url" href="http://www.webindustry.asn.au/ideas4/">www.webindustry.asn.au/ideas4/</a></p>
<p>I wouldn&#8217;t sit around making a decision to go or not, get over to the web site and get your ticket now. All the Ideas series events  have sold out in record time.  So why are you still here, go get a <a href="http://www.webindustry.asn.au/ideas4/">ticket</a> now!</p>
</div>
<p><span class="technoratitag"><a rel="tag" href="http://www.technorati.com/tags/Perth"></a></span></p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2008/01/19/ideas-4-accessibility-usability-and-web-startups/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Are We Becoming Complacent</title>
		<link>http://manwithnoblog.com/2007/08/12/are-we-becoming-complacent/</link>
		<comments>http://manwithnoblog.com/2007/08/12/are-we-becoming-complacent/#comments</comments>
		<pubDate>Sun, 12 Aug 2007 13:45:54 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[web accessibility]]></category>
		<category><![CDATA[web industry]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/2007/08/12/are-we-becoming-complacent/</guid>
		<description><![CDATA[
I&#8217;ve noticed this over the last say 18 to 12 months, things are changing in the web community.  There are still the usual arguments between people and various factional groups.  That&#8217;s nothing new there.  No it&#8217;s something more.   It&#8217;s like a complacency, that we have all fought hard and that [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><img src="http://manwithnoblog.com/wp-content/uploads/2007/08/changeguard.jpg" alt="Is there a changing of the guard, who are the new samari" /></p>
<p>I&#8217;ve noticed this over the last say 18 to 12 months, things are changing in the web community.  There are still the usual arguments between people and various factional groups.  That&#8217;s nothing new there.  No it&#8217;s something more.   It&#8217;s like a complacency, that we have all fought hard and that the war is over and we can live now in a golden age.   The voices of  leadership seem to be dropping away, not being  as  potent  or vocal as they once where.   <a href="http://www.molly.com/2007/08/11/dear-w3c-dear-wasp/trackback/" title="Dear W3C, Dear WaSP">Molly Holzschlag</a> has seen it to, and again call people to arms, I seem to remember Molly doing this before recently.</p>
<p>So is there a problem, why do we not give a damn anymore.    It seems as if people are not caring about standards, that the good guys (us) are losing out time and time again to the bad guys (the non standards posse).  Things like table layouts,  bad ajax implementations and accessibility being an unaffordable option are common place.  What the hell happened!</p>
<blockquote><p>I&#8217;ll tell you a simple story of a web community, it grew from islands of individuals with ideas and dreams to a friendly, cooperative and spirited community.  It took it&#8217;s time to get to this stage, but it did get there.  The people in the community where young vibrant, free of responsibility, free to focus on the web and it&#8217;s needs.  The community saw that previous leaders, that had aspired them in the first place, where not forefilling their dreams they had promised.  So they tool theire leader&#8217;s dream the turned it inwards and educated their own on the needs for standards, usability and accessibility.  And for a while it was good.   Now time has passed, but something has gone wrong. The fire in the belly, the vibrant spirit was gone.  And the new crop of youngsters won&#8217;t listen to their experience.</p></blockquote>
<p>Nice story.  So where is the problem, well its not that simple, it&#8217;s not one thing, it&#8217;s several:</p>
<ul>
<li>
<h3>Changing of the guard</h3>
<p>A while back <a href="http://lawver.net/archive/2007/06/07/h22_the_css_working_group_and_me.php" title="The CSS Working Group and Me" rel="contact colleague">Kevin Lawver</a> stepped down from the <acronym title="Cascading Style Sheets">CSS</acronym> Working Group freely admitting that time was the main issue.  <a href="http://fantasai.inkedblade.net/weblog/2007/css-wg-opening-up/">Fantasa</a> also points out that people like <a href="http://www.stuffandnonsense.co.uk/" title="Stuff and Nonsense" rel="met acquaintance colleague">Andy Clarke</a> have been too busy to contribute as well.  This got me thinking since then.  Most of these groups are run by volunteers, who give up their own personal time to contribute to the web community at large.  Now there does come a point where in everyones life where you have other responsibilities (work, family, business or personal matters) that will eat into any time you have for volunteer work.  Look at the age of these people that are stepping aside or paring down their contributions.  This is a changing of the guard.  It&#8217;s just we may not have mentored up the young people to take our place.</p>
<p>Maybe people have been to busy playing at being Web Rock Gods <img src='http://manwithnoblog.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> . These people will not be gone forever. But if you want them to stay on the fringes and have them lend a guiding hand from time to time, then we need to let them step aside.  It&#8217;s just we are seeing it happen on mass.</li>
<li>
<h3>Community gone wrong</h3>
<p>Maybe we are just being overwhelmed by a vocal minority.  An example in point is the my <a href="http://webstandardsgroup.org/" title="Web Standards Group">local web standards mailing list</a>.  To be honest I have given up reading each post on this list or even posting (which is bad, I know) .  I just cherry pick now.  Why? Well the conversation is the same, and at times very condescending towards perceived new list members, read people that don&#8217;t post a lot.  I don&#8217;t post a lot.  Does this make me a <a href="http://en.wikipedia.org/wiki/Newbie" title="Wikipedia Definition of Newbie">newbie</a>. Do I feel obliged to join the conversation, well no not anymore.  Don&#8217;t get me wrong there are some wonderful community building people on this list.  Then there are the divisionalists.</p>
<p>The extreme  view of this is the <a href="http://www.whatwg.org/" title="Web Hypertext Application Technology Working Group">WHATWG</a> members on the <a href="http://lists.w3.org/Archives/Public/" title="W3C Public Mailing List Archives"><acronym title="the World Wide Web Consortium">W3C</acronym> HTML list</a>, this is a classic example.  There are two lists 1) WHATWG by HTML5 and 2) HTML5 by W3C with it seems overlapping members with two distinct agendas from the WHATWG camp. I worry do we have two drafts of HTML5, I hope not. With this the <a href="/2007/05/12/hey-this-makes-it-bold-like-in-word/" title="Hey this makes it Bold like in Word">simplification</a> of HTML5 by WHATWG seems in my view a step back into the back days of 1996. Are we about to erase all the blood sweat and tears just because of some noisy minority, I hope not.   Questions need to be asked is  WHATWG planning to make accessibility and semantics &#8216;irrelevant&#8217; as they are too hard to implement.</p>
<p>Doesn&#8217;t take much for an interested fringe group to move their agenda forward and take control. So in away we (yes you and me) need to be the voice of sanity.  We need to voice our concerns little by little and support each other.  Maybe someone will listen.</li>
<li>
<h3>Ignore it, it will go away</h3>
<p>Are people playing the <a href="http://en.wikipedia.org/wiki/Three_monkeys" title="Wikipedia on Three Wise Monkeys">three wise monkeys</a>. Totally frustrated by it all.  Trying to ignore it all in a vain hope all the evil will just go away.  Is there just too much in the way of <acronym title="Rich Internet Applications">RIA</acronym>, bad ajaxification that is destroying accessibility just as we appear to getting accessibility and standards into the right perspectives.  Are the back room coders now getting their revenge on us the minority standard zealots.  With all this wave of Web2.0 craziness, are we just stunned at the entire scope of the problem, not knowing where to start.</li>
<li>
<h3>We are all over worked</h3>
<p>I don&#8217;t know about you but working in the web industry at the moment is just insane.  The work level in the past twelve months has gone from busy to extremely busy. Again if people are very busy then they just don&#8217;t get time to read lists, forums, blogs etc, they just get by on the <a href="/2007/01/14/web-burnout/" title="Web Burnout">edge of burnout</a>. And even those with a lack of <a href="/2007/01/06/when-is-too-old/" title="When is too Old">aging responsibility</a> are effected by this one.  This leaves it to a minority again.  Will this pass, yes it will as night follows day.</li>
</ul>
<p>So what do you think, is there a slow down in the support for the old ways put forth circa 2000 (standards et al) or is it just a changing of the guard and the program will return to normal after the usual chaotic settling in period.  You know I think it&#8217;s little of each for everyone.</p>
<p><span class="technoratitag">Technorati Tags: <a href="http://www.technorati.com/tags/html5" rel="tag">html5</a>, <a href="http://www.technorati.com/tags/w3c" rel="tag">w3c</a>, <a href="http://www.technorati.com/tags/whatwg" rel="tag">whatwg</a>, <a href="http://www.technorati.com/tags/web+standards" rel="tag">web+standards</a>, <a href="http://www.technorati.com/tags/web+community" rel="tag">web+community</a>, <a href="http://www.technorati.com/tags/RIA" rel="tag">RIA</a>, <a href="http://www.technorati.com/tags/AJAX" rel="tag">AJAX</a>, <a href="http://www.technorati.com/tags/volunteer" rel="tag">volunteer</a></span></p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2007/08/12/are-we-becoming-complacent/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>PDF Accessibility and Optimisation</title>
		<link>http://manwithnoblog.com/2007/07/11/pdf-accessibility-and-optiumisation/</link>
		<comments>http://manwithnoblog.com/2007/07/11/pdf-accessibility-and-optiumisation/#comments</comments>
		<pubDate>Wed, 11 Jul 2007 14:25:13 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[presentation]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[web accessibility]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/2007/07/11/pdf-accessibility-and-optiumisation/</guid>
		<description><![CDATA[
You know the story.  Your client or boss wants to put a report  online, it’s just a few pages long, but they want exact print output control of  the document or they just want to ensure that the cost is kept to a minimum.  So you end up putting the document [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><img src="http://manwithnoblog.com/wp-content/uploads/2007/07/pdf-friend.jpg" alt="Lego Mini figures and PDF accessibility" width="200" height="200" /></p>
<p>You know the story.  Your client or boss wants to put a report  online, it’s just a few pages long, but they want exact print output control of  the document or they just want to ensure that the cost is kept to a minimum.  So you end up putting the document online as  a <acronym title="Portable Document Format">PDF</acronym>.  Now I ask you is it really  readable by everyone. That is normal viewers, assistative technology viewers,  search engine bots and viewers in remote areas on slow connections. I can bet  that in most cases one of these groups is missing out</p>
<p>So you ignore the problems and just get the  job done and get the PDF online.  If you  have been in the industry for a while you would have done this.  Yes even I a have done this, shame on  me.   Come on, I bet you have too.  Well I’m going to discuss how to get over  some of the problems you will have created with PDF distribution of information  on the Web.</p>
<h3>Suitability  of PDFs &#8211; when to use them</h3>
<p>I’m a business realist; I know there are  times that you have to use a PDF.  But  let’s have a close look at the times you should use a PDF the and times you  shouldn’t.</p>
<h4>When  to use</h4>
<ul>
<li>Large reports, papers, documents</li>
<li>Books or book chapters</li>
<li>Legal or procedural forms intended to be printed.</li>
</ul>
<h4>When  not to use</h4>
<ul>
<li>Short brochures and specification sheets (include a <acronym title="HyperText Markup Language">HTML</acronym> version of the information)</li>
<li>Product catalogue pictures and brochures (or consider an online       catalogue)</li>
<li>Short one of two page documents. These should be in HTML.</li>
</ul>
<h3>The  Acrobat distribution problem</h3>
<p>There is generally not a major problem with  version control of the PDF reader.  In  that previous versions of the reader can read the base features of the new  versions (as long as the security features aren’t activated.  However there is one version where all bets  are off, as there is a distinct problem.</p>
<p>If you have been working with PDF a while  you would have come across this error:</p>
<blockquote><p>Error: Database:  corrupt database</p></blockquote>
<p>First off you think, hang on &#8211; where are  the database within a PDF. But there are several data tables of information  within a PDF if you think about it.  I  have found from experience that this only tends to occur if the document is  being read by Acrobat reader below version 5.02.</p>
<p>Problem is there are a lot of computers in  the corporate world; especially government, that still have Acrobat Readers  that are version 5.0.  It seems there was  massive push with distribution of version 5.0     This was for Adobe a double edged sword. As this leaves them with a large  number of corrupt readers that would nor read version 7+ files.  The release of the voluntary patch to 5.01  and 5.02 was frankly a waste of time as it’s well know that IT sections don’t  apply non operating systems patches.   Hence till the OS is updated the problem remains for most corporate  users.</p>
<p>Or does it?   Try removing some of the accessibility settings when you make the  PDF.  The main one in case is the “Enable  accessibility and reflow with Tagged PDF”.   You will find this under Settings, in the Application Settings  section.  Ensure it is NOT checked.  That’s right I know it’s insane but uncheck it.</p>
<p>Of course the other alternative is to get  the user to upgrade to version 7 or above.   Good luck with that. So here is a classic case of good distribution can  come back to bite you.  But what do you  do with Quark or InDesign created documents. Well I don’t have a solution for  that case, yet.</p>
<h3>Optimisation</h3>
<p>You have a PDF it’s well over 5 Meg in size  and you really want it to be about 1 Meg or less.  So how do you get it smaller?  You have tried the optimise settings in  Acrobat, but still it’s just way too big.   First things first, you may have to have the PDF rebuild.  There are a lot of things that we as  designers do,  in our rush to get the job  done, that make the resultant PDF, as a vector based document, bloat to an  unworkable size.  Here is a short list of  things you can do to make the document smaller file size wise.</p>
<h4>Using  InDesign</h4>
<ul>
<li>Check the InDesign files for hidden images or vector       shapes.  You are looking for things       that are hidden under other layered images or objects. Look for items off to       the side of the Layout, this is still placed in the PDF, if its not       required remove it.</li>
<li>If you have an image that has a mask over it within InDesign,       there can be wasted pixels there. You need to redo the image so that it is       clipped or cropped as close as you can get it to the mask edge. As the       complete image is rendered underneath the mask layer in the PDF even if       you only see 10% of it.</li>
<li>Ensure all gradients are vector generated and not bitmap images       (Tiff, Jpeg etc).  This is       especially true of that groovy Illustrator gradient you are just been       working on; in this case render them as a true vector EPS file and place       this into InDesign.</li>
<li>Use Jpegs that are optimised instead of Tiffs.  Jpegs have a smaller initial footprint.</li>
<li>Use pictures that have large blocks of the same colour in them       and not great amounts of detail or different colours.  Bright and colourful is often better.</li>
<li>Use black and white or duo tone images.</li>
<li>Use Adobe smart object when you can for cross platform object       they seem to help a little, especially in CS2.  The compression on Smart Object is very       good for some reason (I have no idea why).</li>
<li>Then export file as PDF, assuming you have all the       accessibility tags in place too.</li>
</ul>
<h4>Using  MS-Word</h4>
<ul>
<li>Optiumise all images as if you are doing it for the web before       you insert them into the word document</li>
</ul>
<h4>Using  Acrobat</h4>
<p>Now start work in Acrobat, use the PDF Optimiser tool under <em>Advanced &gt; PDF Optimizer</em>.       Remember to save versions of your file as you optimise.    Things to consider while optimising:</p>
<ul>
<li>Select Flatten transparency</li>
<li>Clip complex regions</li>
<li>Don’t disable embedded fonts unless you really have to.  You still want you typography to remain        as you designed it.</li>
<li>Down sample the images step by step, soon as you notice a        difference at a glance take the previous version, you have optimised too        much</li>
<li>Remember to clean up any referenced structure elements like        bookmarks that are not referencing the pages in the document.  This is important if you are chopping a        document into different chapters.</li>
<li>Don’t ever try and combine two documents together or build a       document from separate InDesign page exports it will always be a lot       larger than the single run InDesign export.</li>
</ul>
<h3>Searchable  PDFs</h3>
<p>Yes Google and most search engines will  index your PDFs.  But please ensure you  do a few things to help them along.   It  does help if you complete the <em>Metadata</em> section of the <em>Description</em> tab in the  PDF (Ctrl-D) :</p>
<p class="featureimage"><img src="http://manwithnoblog.com/wp-content/uploads/2007/07/pdf03.gif" alt="Remember to complete the Metadata section" width="200" height="200" /></p>
<ul>
<li>Complete the <em>Title field</em>, this becomes the link text</li>
<li>The <em>Subject field</em>, this maybe become the description depends on the  search engine and the version of PDF.</li>
<li>The keyword (delimited with  semi colons)</li>
</ul>
<p>You should if you have the time consider  completing the <em>Additional Metadata</em> section of this dialog. You can import and export these via an xml file.  This will give you a better metadata  footprint, and is very handy if you are doing a lot of documents with a  standard baseline of metadata.</p>
<p>Now the really interesting bit, did you  know up to till version 7 Adobe has produced a different method of presenting  the metadata within the file format for nearly every version of Acrobat.  In version 6 it is presented in version 5  format and version 6 formats, just to make life interesting. In Version 7+ we  have an enhanced version 6 format.   Luckily a well written search bot can tell what version the PDF document  is written in. Version 8 follows the version 7 format for the most part.</p>
<h3>Accessible  PDFs</h3>
<p>I’m not going to go into a great detail on  this, but the bottom line is all the accessibility must occur in almost all  cases before you create the PDF.  You can  do it afterwards, but it does tend to more time consuming the later in the process  you add in the accessibility.</p>
<h4>Pre  Production – MS Word</h4>
<ul>
<li>Ensure that the document structure is written in using the       Heading styles</li>
<li>That a table of contents is defined,</li>
<li>That all images and diagrams have an alternative text defined.</li>
<li>That all links have an <em>screen       tip</em> text defined</li>
<li>With tables that all header rows are check under <em>Table Properties</em> as <em>“Repeat as Header Row at top of each       page”</em></li>
<li>Ensure the colour contrast is readable for extremes in contrast       and colour blindness.  Light grey on       white is not a contrasting colour scheme.</li>
</ul>
<h4>Pre  Production &#8211;  InDesign</h4>
<ul>
<li>You have to tag the document either via <em>File Export</em> or  by       turning on tagging by default for all exported files are tagged.  You do this via <em>File &gt; Adobe PDF Presets &gt; Define</em> and click on the presets you want to be       tagged and check  <em>Create Tagged PDF</em> . If you are       doing a high quality print this is the default anyway, but it’s a good       idea to check.</li>
<li>When building the document you need to define headers (semantic       structures) that use styles that have the right names, that  is h1 to h6. Nothing else,  use exactly h1 to h6.</li>
<li>Check the <em>Structure Panel</em> to ensure you are progressing well with the semantic structure.</li>
<li>Add alterative text to images, right click the image tag in the <em>Structure Panel</em> and selecting <em>New Attribute</em>.  Add        “Alt” in the name field (note capital A) and the alternative text       in the value field.</li>
<li>Links and lists will have to be edited post production.  Although this may have changed with       InDesign CS3.</li>
</ul>
<h4>Post  Production – Acrobat</h4>
<p class="featureimage"><img src="http://manwithnoblog.com/wp-content/uploads/2007/07/pdf02.gif" alt="View the tags by selecting View &gt; Navigation Tags &gt; Tags" width="200" height="200" /></p>
<ul>
<li>Ensure the fonts have not been rasterised (scanned), check,  you must be able to copy the text at       least.</li>
<li>Use Acrobat 7 or above for the base line, <a href="http://www.freedomscientific.com/fs_products/JAWS_HQ.asp">JAWS</a> and other       assistative technology may have issues with anything below version 7.</li>
<li>You can add tags to the document via the Acrobat, but it is not       an easy issue, it will take time to complete. View the tags by selecting <em>View &gt; Navigation Tags &gt; Tags</em>.</li>
<li>If there are no tags, select <em>Advanced &gt; Accessibility &gt; Add tags to Document, </em> to add them</li>
<li>Select the <em>Content Tab</em> and use the right click on the structure elements to edit the       accessibility elements.</li>
<li>Within the <em>Touchup Properties</em> dialogue remember to use the <em>Tag</em> tab and fill in the elements required there.</li>
<li>Build the bookmarks structure in the <em>Bookmarks</em> tab for the document via Acrobat. This just takes       time.</li>
<li>Build the thumbnails in the <em>Pages </em>tab.  Don’t forget, to set the Page Properties       (right mouse click) to <em>Use Document       Structure.</em></li>
</ul>
<h3>Summary</h3>
<p>PDFs are not just simple build, link and  upload document format.  If you must use  them, use with caution and optimise and make them accessible at all times.  Suddenly you will find that quick fix by  using a PDF, isn’t really that much of a quick fix after all.</p>
<p>These are the notes from the mini talk &#8220;PDF is not your Friend&#8221; I gave at the Perth July 2007 <a rel="tag" href="http://www.webindustry.asn.au/">Australian Web Industry Association</a> (AWIA) Meeting. There is a <a title="podcast mp3 of this talk" href="http://app.webindustry.asn.au/downloads/podcasts/gary_barber_20070704.mp3">podcast</a> and the slides are available as a <a href="http://manwithnoblog.com/presentations/pdf/PDF-is-not-your-friend.pdf">PDF document</a> (852 k), on <a title="Slide show on Slideshare" href="http://www.slideshare.net/CannedTuna/pdf-is-not-your-friend/">slideshare</a> or below.</p>
<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="348" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="https://s3.amazonaws.com:443/slideshare/ssplayer.swf?id=75239&amp;doc=pdf-is-not-your-friend3726" /><embed type="application/x-shockwave-flash" width="425" height="348" src="https://s3.amazonaws.com:443/slideshare/ssplayer.swf?id=75239&amp;doc=pdf-is-not-your-friend3726"></embed></object></div>
<p><span class="technoratitag">Technorati Tags: <a rel="tag" href="http://www.technorati.com/tags/acrobat">acrobat</a>, <a rel="tag" href="http://www.technorati.com/tags/pdf">pdf</a>, <a rel="tag" href="http://www.technorati.com/tags/indesign">indesign</a>, <a rel="tag" href="http://www.technorati.com/tags/accessibility">accessibility</a>, <a rel="tag" href="http://www.technorati.com/tags/optimisation">optimisation</a>, <a rel="tag" href="http://www.technorati.com/tags/searchability">searchability</a>, <a rel="tag" href="http://www.technorati.com/tags/seo">seo</a>, <a rel="tag" href="http://www.technorati.com/tags/AWIA">AWIA</a>, <a rel="tag" href="http://www.technorati.com/tags/port80">port80</a>, <a rel="tag" href="http://www.technorati.com/tags/mini+talk">mini+talk</a>, <a rel="tag" href="http://www.technorati.com/tags/metadata">metadata</a></span></p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf75/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2007/07/11/pdf-accessibility-and-optiumisation/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://app.webindustry.asn.au/downloads/podcasts/gary_barber_20070704.mp3" length="12521335" type="audio/mpeg" />
		</item>
	</channel>
</rss>
