<?xml version="1.0" encoding="iso-8859-1"?>

<!--
THIS IS A PROTOTYPE OF A NEW FORMAT.  NOTHING HERE IS SET IN STONE.
IT MAY ALL CHANGE DRASTICALLY BEFORE THE FINAL RELEASE.

IF YOU DEVELOP TOOLS BASED ON THIS EXAMPLE, EXPECT TO REDO
HALF YOUR WORK WHEN THE FORMAT HITS 1.0.

Iso: Implemented from Mark Nottingham's Atom0.3 (PRE-DRAFT) specification at
	http://www.mnot.net/drafts/draft-nottingham-atom-format-02.html

Open issues:
- 

Changes from initial version:
- Feed validator complains about the id - needs to be a URI


-->


<feed version="0.3" xml:lang="en-gb" xmlns="http://purl.org/atom/ns#">

	<!-- required elements of feed -->
	<title>isolani: Web Accessibility</title>
	<link rel="alternate" type="text/html" href="http://www.isolani.co.uk/blog/access" />
	<modified>2008-04-26T03:27-05:00</modified>
	<author>
		<name>Isofarro</name>
	
	</author>

	<!-- optional elements of feed -->
	<tagline>As the online world in the UK starts waking up to the Disability Discrimination Act, I'll be collecting resources, ideas, success stories, and personal experience.</tagline>

	<entry>
		<title>The accessibility of the date-time pattern in Microformats</title>
		<link rel="alternate" type="text/html" href="http://www.isolani.co.uk/blog/access/AccessibilityOfDateTimeMicroformat" />
		<id>http://www.isolani.co.uk/blog.access.AccessibilityOfDateTimeMicroformat</id>
		<issued>2008-04-26T03:27-05:00</issued>
		<modified>2008-04-26T03:27-05:00</modified>
		
		<content type="text/html" mode="escaped">
			<![CDATA[
<p>Jeremy Keith erupted into a hissy fit during the panel session of AbilityNet's <a href="http://www.abilitynet.org.uk/accessibility2/">Accessibility 2.0</a> conference yesterday. His venting revolved around earlier accessibility criticism of the microformat's adoption of the <code>abbr</code> element as a way of attaching machine-readable dates to written dates, for example in the <a href="http://microformats.org/wiki/hcalendar">calendar microformat</a>.</p>

<p>Unfortunately, Jeremy dodged the real accessibility issues of the date-time microformat pattern, instead preferring to create a strawman, and boisterously batter it to smithereens with his wooden sword. That is his choice, but it doesn't help to alleviate the accessibility issues of the date-time microformat pattern.</p>


<h3>Twitter and <abbr title="International Standards Organisation">ISO</abbr>-8601 date-times</h3>

<p>In a brilliantly informative talk about Twitter and <abbr title="Accessible Rich Internet Applications">ARIA</abbr>, <a href="http://www.paciellogroup.com/blog/">Steve Faulkner</a> of <a href="http://www.paciellogroup.com/">The Paciello Group</a>, took the audience through the various features of Twitter that posed accessibility issues in screen readers. Each barrier was explained in detail, solutions using current technology discussed and implemented, and suprisingly, demonstrating practical solutions using ARIA.</p>

<p>One accessibility barrier Steve covered was Twitter's use of the <code>abbr</code> to add machine-readable ISO-8601 timestamps, which is decently summarised in W3C's <a href="http://www.w3.org/TR/NOTE-datetime">Date and Time Note</a>. Marking up the publish times of twitter messages as an abbreviation meant that screenreader users with configurations set to expand abbreviations instead of getting a human friendly date, they received something that wasn't human friendly. This is what was in the markup:</p>

<pre title="HTML of Twitter's date-time pattern">
<code>
	&lt;abbr class="published" 
		title="2008-04-26T06:52:20+01:00"&gt;
		half a minute&lt;/abbr&gt;
</code>
</pre>

<p>Instead of getting the human friendly message of <q>half a minute</q>, a screen reader user with expanded abbreviations configured would get something like <q>two thousand and eight dash zero four dash twenty six tee six colon fifty two colon twenty plus one o'clock</q>. Not a particularly friendly or intuitive expansion. In fact, it is materially incorrect. The time stated is 06:52, not one o'clock.</p>

<p>Jeremy <a href="http://adactio.com/journal/1451/" rel="nofollow">took issue with Steve's criticisms</a> in his blog, accusing Steve, amongst other things, of <abbr title="Fear uncertainty doubt">FUD</abbr>. What Jeremy fails to realise is that Steve Faulkner has a long track-record of basing his findings on thorough screen reader testing. And Steve knows screen readers. Much of what we know about making Ajax accessible to screen-reader users comes from the work of Steve Faulkner and Gez Lemon, in their trademark style of collaborative deep thinking, designing and implementing their ideas, and rigorously testing their ideas, and documenting their findings, and publishing them openly for peer-review. Hardly the foundation of fear, uncertainty and doubt.</p>


<h3>Testing with screen reader users</h3>

<p>The litmus test of accessibility is usability testing with people with disabilities. As it happens, some usability testing was done on the date-time pattern, as Jeremy Keith notes:</p>

<blockquote cite="http://adactio.com/journal/1451/">
	<p>By the way, Robin [Christopherson] - who is sitting two seats away from me - was recently brought in to test BBC listings which had been marked up with hCalendar. He described the feared accessibility problems as unfounded. Most screen reader users do not change their default settings for abbreviations and by default, abbreviations are not expanded.</p>
</blockquote>

<p>It is encouraging that accessibility testing was done, kudos to the BBC. However the conclusion drawn is flawed. I'm very surprised the Microformats community accepted the justification as Jeremy describes it:</p>

<blockquote cite="http://adactio.com/journal/1451/">
	<p>Most screen reader users do not change their default settings for abbreviations and by default, abbreviations are not expanded.</p>
</blockquote>

<p>There are two issues with this justification:</p>

<p>First, to my knowledge, there are no published studies or investigations available that document how most screen reader users have their screen readers configured. That's something we in the accessibility circles wish we had access to, but not have the resources to fund such a study. If the Microformats community have this information, I urge them to share it publicly.</p>

<p>What strikes me as very odd is that three screen reader users I have worked with over the last few years have all got abbreviations configured to be expanded. Do we just ignore that as a statistical anomaly or insignificant?</p>

<p>Second, there's no indication from Jeremy's comments that the microformats community asked the pertinent question, <q>Why don't most users have their screen readers configured to expand abbreviations?</q> (Surely the semantics of a properly marked up abbreviation offer value to a visitor?)</p>

<p>One major part of the reason is the lack of properly structured markup out on the real web. Screen reader users find very little benefit to having the configuration switched on because the reading of most pages is no noticeable improvement because there's hardly any abbreviations on the pages to actually expand. Why have a configuration turned on that adds practically no value?</p>

<p>Marking up abbreviations is part and parcel of building semantically structured documents. It is something espoused by microformats, especially Jeremy Keith, who takes special delight in semantic structure. It's ironic, then, that the justification for the date-time pattern as not being a barrier to screen reader users largely depends on screen reader users retaining the belief that there is no value in semantic markup, and thus it's not worthwhile for them to set their screen readers to expand abbreviations.</p>

<p>In short, the microformats community is doing itself, as well as screen reader users, a disservice by validating the predominant view that semantic structure has no value. If structured and semantic markup has no value, neither does microformats.</p>


<h3>Readability of ISO-8601 timestamps</h3>

<p>Jeremy goes on to claim that ISO-8601 timestamps are readable:</p>

<blockquote cite="http://adactio.com/journal/1451/">	
	<p>Besides, an internationalised way of writing a date is not just machine-readable data (I'm a human and I can read 2008-04-25 just fine). I'm not saying that the abbr pattern doesn't have problems (it does but they are semantic in nature) but Steve is mischaracterising the current situation.</p>
</blockquote>

<p>Jeremy ignores Steve's actual example, and is actually being deceitful. He finds <q>2008-04-25</q> readable, but says nothing about the readability of <q>2008-04-25T17:33:52+01:00</q>. It is true that both sequences are valid ISO-8601 date-times. But it was the second, longer form of the date-time that Steve Faulkner raised as an issue - one that Jeremy quietly ignores (maybe hoping it will go away?). Jeremy plays the <a href="http://en.wikipedia.org/wiki/Straw_man">strawman argument</a>, arguing that a shortened date format is readable, but ignoring Steve's actual example which is being used on Twitter.</p>

<p>The first form, that Jeremy prefers is only of use for all-day or multi-day events, not the events predominant of calendars (hour-long meetings), or publish times on Twitter. Its the second, longer, form that's going to be more common, and this is no "semantic in nature" problem, it is a barrier for screen reader users who have expanded abbreviations configured.</p>

<p>This is a poor show from Jeremy Keith. I hope its not reflective of the rest of the Microformats community.</p>


<h3>Panel criticisms</h3>

<p>Furthermore, <a href="http://adactio.com/journal/1457/" rel="nofollow">Jeremy criticises me</a> for not being specific about which microformats, and claims the issue I have is with the date-time abbreviation pattern. This is incorrect and misleading. I directly pointed out the initial handling of the empty link include pattern as an example of where accessibility hadn't really been thought through.</p>

<p>Jeremy then chides that I should practice what I preach, which means he is unaware of the screen reader testing I did to test the <a href="http://yuiblog.com/blog/2008/01/23/empty-links/">empty link include pattern</a>, which was fed back to the Microformats community. My work is referenced and acknowledged in the <a href="http://microformats.org/wiki/include-pattern">include pattern microformat</a> wiki page. The testing involved two full-time screen reader users, a set of repeatable tests, and an internal peer review of my findings and conclusions. Also, none of the findings and conclusions have been effectively challenged or refuted. I stand by my work.</p>

<p>The third criticism, a re-iteration of the strawman argument that Jeremy finds <q>2008-04-25</q> readable, still doesn't mention whether the typical date-time format that is most likely to be used is readable. Screen reader testing and documentation by Steve Faulkner (in his presentation) and <a href="http://lab.dotjay.co.uk/tests/screen-readers/microformats/datetime-design-pattern/">Jon Gibbins</a> has demonstrated there is an issue when screen readers have expand abbreviations configured. Both quote test examples involving the most typical date-time format.</p>

<p>The argument that most screenreaders don't have abbreviations set to expanded, and thus a human-unfriendly <code>title</code> attribute on an <code>abbr</code> is acceptable betrays microformats' commitment to semantic and structured data. What possible value is there to promoting semantic markup if the net result is that the perceivability and usability of a semantic feature (the expansion of abbreviations) is seriously degraded because of the presence of human unfriendly blob of data? The date-time pattern is, in its current state, a barrier to screen reader users taking advantage of the abbreviation expansion features of their software.</p>


<p>Essentially, Jeremy Keith's credibility in accessibility has taken a serious knock. The outburst in the panel discussion did not help alleviate the documented problems about the date-time abbreviation format, or show a willingness to tackle the issues raised. And this is a concern.</p>


<p><strong>Update 15:19</strong> Jeremy Keith says that he got upset he was hearing "Microformats are inaccessible". I didn't say that on the panel, and I don't recall Steve Faulkner saying that in his presentation.</p>      
			]]>    
		</content>
		
	</entry>

	<entry>
		<title>Practical accessibility tips</title>
		<link rel="alternate" type="text/html" href="http://www.isolani.co.uk/blog/access/PracticalAccessibilityTips" />
		<id>http://www.isolani.co.uk/blog.access.PracticalAccessibilityTips</id>
		<issued>2008-03-11T04:38-05:00</issued>
		<modified>2008-03-11T04:38-05:00</modified>
		
		<content type="text/html" mode="escaped">
			<![CDATA[
<p>One of the major benefits of working alongside world-class web developers in Yahoo! Europe is the thought and attention to detail applied to building websites. The combined experience and knowledge of the team vastly exceeds that of one web developer, or a small team of web developers.</p>

<p>I'm also lucky to have the opportunity to work with engineers who rely on screenreaders. That is revealing new insights, and opportunities we can use to improve our sites. I'm learning, discovering and refining techniques that make sites more accessible.</p>

<p>I've started a new blog about practical web development tips for producing accessible websites. It's <a href="http://www.accessibilitytips.com/">AccessibilityTips.com</a>. The focus is on practical advice for real websites; advice web developers can use immediately to improve the accessibility of their sites.</p>

<p>The practical tips I cover are those we've uncovered in our day-to-day work on Yahoo! sites. The content is aimed at people who develop websites, and want to build more accessible and usable websites.</p>

<p>Tips I've covered so far:</p>

<ul>
	<li><a href="http://www.accessibilitytips.com/2008/03/04/positioning-content-offscreen/">Positioning content offscreen</a></li>
	<li><a href="http://www.accessibilitytips.com/2008/03/04/providing-link-text/">Providing link text</a></li>
	<li><a href="http://www.accessibilitytips.com/2008/03/05/avoiding-visibility-hidden/">Avoiding <code>visibility: hidden</code></a></li>
	<li><a href="http://www.accessibilitytips.com/2008/03/05/deciding-when-display-none-is-appropriate/">Deciding when <code>display: none</code> is appropriate</a></li>
	<li><a href="http://www.accessibilitytips.com/2008/03/10/signpost-forms-with-headers/">Signpost forms with headers</a></li>
	<li><a href="http://www.accessibilitytips.com/2008/03/10/avoid-skipping-header-levels/">Avoid skipping header levels</a></li>
</ul>
      
			]]>    
		</content>
		
	</entry>

	<entry>
		<title>Ajax and Accessibility talk at AbilityNet's Rich Media workshop</title>
		<link rel="alternate" type="text/html" href="http://www.isolani.co.uk/blog/access/AjaxAccessibilityAbilitynetRichMediaFeb2008" />
		<id>http://www.isolani.co.uk/blog.access.AjaxAccessibilityAbilitynetRichMediaFeb2008</id>
		<issued>2008-02-27T08:24-05:00</issued>
		<modified>2008-02-27T08:24-05:00</modified>
		
		<content type="text/html" mode="escaped">
			<![CDATA[
<p>I was invited back to AbilityNet's regular <a href="http://www.abilitynet.org.uk/webrichmedia">Rich Media workshops</a>, where I talked about Web 2.0 and Accessible Ajax.</p>

<p>The bulk of my presentation covered the same ground as my <a href="http://www.isolani.co.uk/presentations/abilitynet/">previous talk</a>. With six months more experience and thought, as well as a great new case study - a currency calculator for our next finance site.</p>

<p><a href="http://www.wait-till-i.com/">Christian Heilmann</a> has uploaded my slides to slideshare. I'm finding his presentations watchable in an RSS aggregator, so this is my real-world test:</p>


<div style="width:425px;text-align:left" id="__ss_283930"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=mike-davies-ajax-and-accessibility-1204127497108397-4"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=mike-davies-ajax-and-accessibility-1204127497108397-4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;"><a href="http://www.slideshare.net/?src=embed"><img src="http://static.slideshare.net/swf/logo_embd.png" style="border:0px none;margin-bottom:-5px" alt="SlideShare"/></a> | <a href="http://www.slideshare.net/cheilmann/mike-davies-ajax-and-accessibility?src=embed" title="View 'Mike Davies - Ajax And Accessibility' on SlideShare">View</a> | <a href="http://www.isolani.co.uk/presentations/abilitynet/abilitynet-feb2008-ajaxAndAccessibility.html">View accessible outline</a> | <a href="http://www.slideshare.net/upload?src=embed">Upload your own</a></div></div>

<p>Thanks to AbilityNet for inviting me. Although I'm not a natural speaker, and it still terrifies me, this is something I want to do regularly.</p>

<p><a href="http://www.flickr.com/photos/weboutput/2296435628/"><img src="http://farm4.static.flickr.com/3077/2296435628_ed5629a707.jpg?v=0" height="375" width="500" alt="In full flow talking about accessible Ajax at AbilityNet's February 2008 Rich Media Workship" /></a><br /> (Picture courtesy of <a href="http://blog.ginader.de/">Dirk Ginader</a>)</p>

<p>AbilityNet's workshops bring in the right people we accessibility people need to be talking to - those at the grassroots building or commissioning the build of websites. Their efforts will make websites as a whole more accessible, and its our responsibility and in our interests to make sure they have the best information to make educated and informed decisions about web accessibility.</p>

<hr />

<p>AbilityNet are hosting <a href="http://www.abilitynet.org.uk/accessibility2/index.html">Accessibility 2.0: A million flowers bloom</a>, a one day accessibility conference on April 25th in London. Speakers include Steve Faulkner, Christian Heilmann, Robin Christopherson and Julie Howell - that is the cream of web accessibility talent and experience in the UK.</p>      
			]]>    
		</content>
		
	</entry>

	<entry>
		<title>Configuring links in Screen readers</title>
		<link rel="alternate" type="text/html" href="http://www.isolani.co.uk/blog/access/ConfiguringLinksInScreenReaders" />
		<id>http://www.isolani.co.uk/blog.access.ConfiguringLinksInScreenReaders</id>
		<issued>2008-02-12T12:15-05:00</issued>
		<modified>2008-02-12T12:15-05:00</modified>
		
		<content type="text/html" mode="escaped">
			<![CDATA[
<p>I did some accessibility tests about <a href="http://yuiblog.com/blog/2008/01/23/empty-links/">Empty Links and Screen Readers</a> which was published on the <abbr title="Yahoo User Interface">YUI</abbr> Blog in January. Along with two full time screen reader users, Artur Ortega and Victor Tsaran, I tested how various forms of empty links were handled in screen readers.</p>

<p>The first draft of the resulting article was overly long, and I had to chop it down to ensure the focus of the article remained on target - tackling an accessibility issue with the <a href="http://microformats.org/wiki/include-pattern">Microformats Include Pattern</a>. This meant that one particular section, describing the variety of configuration options about screen reader handling of links got dropped off.</p>

<p>This information instead is now in this blog post. It's a vital piece of information because I'm seeing well-intentioned people like Tantek Celik assuming a particular screen reader handling of markup and basing their ideas on top of this expectation. And as we see with the include pattern, it's to the detriment of the screen reader user. Hopefully this post can shed some light into what screen readers are really capable of.</p>


<h3>Real world screen readers</h3>

<p>Screen readers are highly configurable pieces of software. There has been no wide-scale research into what configuration preferences are more popular, or even if there's a one true configuration that screen reader users gravitate towards.</p>

<p>The big danger with building accessible websites is to assume that there's a default configuration, and chose solutions that enforce the expectation of a particular configuration. We can make some sensible design choices without resorting to expectation.</p>

<p>There are various reasons for configuring a screen reader differently. Most of them come down to experience, where a user is happy with a current setting, or has found one that provides him with more information that he wants and less of what he doesn't want.</p>

<p>Another factor is the general web at large. Even though the vast majority of markup out there in the real world is not well formed, invalid nor semantically meaningful, there are techniques that are fairly safe for screen readers, and some techniques that go against the typical expected markup.</p>

<p>The Microformats include pattern threw up an unexpected use of markup - an anchor with no link text. In the vast majority of sites an empty link wouldn't be deliberately used within typical content, so the technique is quite an edge case, and so its effect in screen readers can be rather random than planned.</p>

<p>The less mainstream a markup technique, the less likely a screen reader will handle it well. There's a natural reason for this - for a screen reader to be a useful assistive technology on the web, it needed to handle the real markup that was out there. It didn't have the luxury of living within an academic-minded environment, it had to deal with the brutal environment that is the Web. So, where it can solve or work around a markup issue, it did, especially when it was a common markup problem.</p>

<h3>Configuring links</h3>

<p>Screen readers are fairly complex pieces of software, it is a complete aural interface to an operating system. As such there are a variety of customisations and configurations that can be changed or updated. There are two significant configurations that directly impacts how links are perceived:</p>

<ul>
	<li>Link title configuration</li>
	<li>Link announcement</li>
</ul>

<h3>Link title configuration</h3>

<p>Screen readers have a specific configuration about how to handle titles on links. The options are typically:</p>

<ul>
	<li>Read only the link text</li>
	<li>Title attribute overrides the link text, if available</li>
	<li>Read out both the link text and title attribute, if available</li>

	<li>Read only the title attribute</li>
</ul>

<p>Since sites using title attributes appropriately and containing appropriate content is very much a minority, there's a strong argument that providing necessary information in a title attribute only will present problems to screen reader users.</p>


<p>There is no formal study or empirical evidence that can definitively state that titles are always available or that titles are never available. Relying on one optional state is not advisable. Thus, the title attribute method is not sufficient to guarantee that the link is accessible (or invisible) to screen readers.</p>

<p>On a practical basis, it would be safer to assume that the configuration option selected would be one where the link text was either the primary source read out, or overridden when a title attribute was present. The option of title attribute or nothing wouldn't be a practicable option on today's web.</p>


<h3>Link announcement</h3>

<p>Screen readers can optionally announce the presence of links. Typically links are read out by a different voice to normal text - sometimes a female voice is used to read link text, and a male voice reading normal text. In addition to this, or perhaps as a substitute, the screen reader will preface any link text with the word 'Link'.</p>

<p>This means that link solutions that intend to be transparent to screen readers - such as not having link text so that the screen reader seems to ignore the link - may stumble in that because there is a link, the word "Link" is read out, followed by no link text.</p>


<p>So this means that we cannot guarantee that a link remains invisible. From a practical perspective, why would normal content have a link that the author didn't want people to use? It's not a typical use case, and so attempts to hide links tend not to be a safe practice.</p>

<h3>Update: Steve Faulkner on JAWS</h3>

<p><a href="http://www.paciellogroup.com/blog/">Steve Faulkner</a> points out that JAWS does not allow the user to hear both the link text and title attribute. The choice is either one or the other. From the <cite>JAWS 9 documentation</cite>:</p>

<blockquote cite="http://www.dir.state.tx.us/peso/meetings/peso-notes-2003.htm">
 <p>By Default, JAWS speaks the on screen text of a link, but you can set JAWS <em>to instead</em> speak title text, assigned by the page author within the HTML code. Title text normally provides supplemental information about the link.</p>
</blockquote>

<p><img src="http://www.isolani.co.uk/img/access/JAWS8_html_options_dialog.gif" height="476" width="431" alt="Steve also provided a screenshot of JAWS' Text Link Options configuration pane." /></p>

<p>The JAWS configuration dialogue shows options for:</p>

<ul>
	<li>use title</li>
	<li>use screen text</li>
	<li>use "on mouseover tool tip"</li>
	<li>use longest</li>
	<li>custom search string</li>
</ul>

<p>Steve has also recently republished articles about the title attribute over on the Paciello Group blog, and has collated extra information in <a href="http://www.paciellogroup.com/blog/?p=37">the title attribute - what is it good for? (resurrected)</a>. Thanks Steve!</p>


<h3>Related resources</h3>

<ul>
 <li><a href="http://www.paciellogroup.com/resources/articles/WE05/">The title attribute - what is it good for?</a></li>
 <li><a href="http://www.paciellogroup.com/resources/articles/WE05/survey.html">Assistive technology users test title attribute access</a></li>
 <li><a href="http://www.paciellogroup.com/resources/articles/WE05/forms.html">Screen reader software support for the title attribute</a></li>
 <li><a href="http://www.rnib.org.uk/wacblog/articles/too-much-accessibility/too-much-accessibility-title-attributes/">Too much accessibility - TITLE attributes</a></li>
 <li><a href="http://juicystudio.com/article/using-title-attribute.php">Using the title Attribute</a></li>
</ul>
      
			]]>    
		</content>
		
	</entry>


	
</feed>
