<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Joe Dolson Accessible Web Design</title>
	
	<link>http://www.joedolson.com/articles</link>
	<description>Tips and Commentary on Web Accessibility, Usability, and Search Marketing best practices.</description>
	<lastBuildDate>Thu, 19 Aug 2010 16:20:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/AccessibleDesign" /><feedburner:info uri="accessibledesign" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><geo:lat>44.989065</geo:lat><geo:long>-93.106668</geo:long><feedburner:emailServiceId>AccessibleDesign</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>WP to Twitter Updated to OAuth</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/naDY7bchk_w/</link>
		<comments>http://www.joedolson.com/articles/2010/08/wp-to-twitter-updated-to-oauth/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 21:59:26 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[oauth]]></category>
		<category><![CDATA[wp to twitter]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=846</guid>
		<description>Well, it&amp;#8217;s a day for updates. Today was (at one point) the deadline for Twitter to permanently disable Basic authentication. The date has now been extended to August 31st, but the difference isn&amp;#8217;t really&amp;#160;significant. The one benefit which it will provide is a little extra time to debug the new OAuth version of WP to [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/08/wp-to-twitter-updated-to-oauth/"&gt;WP to Twitter Updated to OAuth&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>Well, it&#8217;s a day for updates. Today was (at one point) the deadline for Twitter to permanently disable Basic authentication. The date has now been extended to August 31st, but the difference isn&#8217;t really&nbsp;significant. </p>
<p>The one benefit which it will provide is a little extra time to debug the new <a href="http://wordpress.org/extend/plugins/wp-to-twitter/">OAuth version of WP to Twitter</a> before it becomes the <strong>only</strong> working&nbsp;version. </p>
<p>There are a lot of complications surrounding the OAuth update&thinsp;&#8212;&thinsp;most of them unfortunate. For the first time since I began work on this plugin, I had to remove features. As far as I can tell, there&#8217;s no way to operate two separate user accounts with an OAuth authenticated application, for example. As a result, I&#8217;ve had to remove the ability to assign separate author accounts for Twitter posting. As development progresses, a way forward may show up&thinsp;&#8212;&thinsp;but for now, I just don&#8217;t really have another&nbsp;option. </p>
<p>My biggest request at this time: if you can, please decide you&#8217;re willing to use this version now, to provide me with feedback so it will work as well as it possibly can when all past versions cease to be&nbsp;functional. </p>
<p>There will be problems; I&#8217;m sure of it. I just hope to find them all soon enough.
<p><strong><a href="http://www.joedolson.com/articles/2010/08/wp-to-twitter-updated-to-oauth/">WP to Twitter Updated to OAuth</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/bOWmM4xfLE9kzYuoujWoCgKJXnE/0/da"><img src="http://feedads.g.doubleclick.net/~a/bOWmM4xfLE9kzYuoujWoCgKJXnE/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/bOWmM4xfLE9kzYuoujWoCgKJXnE/1/da"><img src="http://feedads.g.doubleclick.net/~a/bOWmM4xfLE9kzYuoujWoCgKJXnE/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=naDY7bchk_w:MP7CPYNLUJs:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=naDY7bchk_w:MP7CPYNLUJs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=naDY7bchk_w:MP7CPYNLUJs:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=naDY7bchk_w:MP7CPYNLUJs:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=naDY7bchk_w:MP7CPYNLUJs:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=naDY7bchk_w:MP7CPYNLUJs:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/naDY7bchk_w" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/08/wp-to-twitter-updated-to-oauth/feed/</wfw:commentRss>
		<slash:comments>104</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/08/wp-to-twitter-updated-to-oauth/</feedburner:origLink></item>
		<item>
		<title>Forthcoming Updates on Federal Section 508 Rules</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/0BPafPkyLwk/</link>
		<comments>http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 17:23:53 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Web standards]]></category>
		<category><![CDATA[a11y]]></category>
		<category><![CDATA[section508]]></category>
		<category><![CDATA[wcag2]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=820</guid>
		<description>Section 508 web accessibility standards were written as an amendment to the Rehabilitation Act in 1998. In web development terms, this isn&amp;#8217;t short of an eternity&amp;#8201;&amp;#8212;&amp;#8201;and in all practical sense defines an era. The web programming methods and styles of 1998 were radically different to what you see in normal use today. The Section 508 [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/"&gt;Forthcoming Updates on Federal Section 508 Rules&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>Section 508 web accessibility standards were written as an amendment to the Rehabilitation Act in 1998. In web development terms, this isn&#8217;t short of an eternity&thinsp;&#8212;&thinsp;and in all practical sense defines an era. The web programming methods and styles of 1998 were radically different to what you see in normal use today. The <a href="http://www.access-board.gov/sec508/refresh/draft-rule.htm">Section 508 rules have been under revision</a> recently, and were available for public comment until June 21, 2010. Unfortunately, my time didn&#8217;t allow me to take a look at these prior to the expiration of the public comment period&thinsp;&#8212;&thinsp;but that doesn&#8217;t lessen the importance of examining the&nbsp;revisions.</p>
<p>To help explain these changes in Federal web accessibility standards, I&#8217;m going to look at three specific questions. These questions will hopefully answer some of the questions concerning what&#8217;s coming&nbsp;up:</p>
<ol>
<li><a href="http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/#follow">Has this changed anything about who must follow Section 508&nbsp;guidelines?</a></li>
<li><a href="http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/#reference">What has been the primary reference for changes to Section 508&nbsp;rules?</a></li>
<li><a href="http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/#changes">What are the specific changes to the Section 508&nbsp;documents?</a></li>
</ol>
<h3 id="follow">Has this changed anything about who must follow Section 508&nbsp;guidelines?</h3>
<p><em>No</em>. The section 508 rules still exist under the same body of law&thinsp;&#8212;&thinsp;this is not a revision of the application of the law, it&#8217;s only a revision of the methods which are acceptable in following the law. Section 508 continues to apply only to Federal departments or agencies or entities providing services or products to Federal agencies. Further, it only applies to the specific services or products provided by those contracted entities, <em>not</em> to any external presence or non-Federally funded&nbsp;projects.</p>
<h3 id="reference">What has been the primary reference for changes to Section 508&nbsp;rules?</h3>
<p>Based on the document guidelines and on references made in the updated document, it seems that the primary reference was the <a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines, Version 2.0</a>, as created by the World Wide Web Consortium. In fact, there is a specific section referring to <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> harmonization, which indicates that web pages as defined under <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0 which are conformant to Level AA will be considered to be in conformance with Section 508 (with a few elaborations on additional&nbsp;requirements.) </p>
<p>This is an excellent change, since it explicitly states a subset of requirements which need to be reviewed in addition to <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0, Level AA requirements.  From a consulting perspective, this simplifies the process: you can review <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0 requirements, then check the additional requirements under Section&nbsp;508. </p>
<p>The additional requirements are fairly straightforward. A significant percentage of them relate explicitly to video accessibility&thinsp;&#8212;&thinsp;an area which <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0 frequently describes as Level AAA requirements. It seems clear that the Section 508 <a href="http://www.access-board.gov/sec508/refresh/about.htm">review group</a> was concerned about the use of video in government communications, and wanted to be sure to avoid a situation where creating a video would allow Federal agencies to ignore Section 508 requirements&thinsp;&#8212;&thinsp;which is certainly a wise&nbsp;concern.</p>
<h3 id="changes">What are the specific changes to the Section 508&nbsp;documents?</h3>
<p>To work through all of the specific changes would be a Herculean labor&thinsp;&#8212;&thinsp;and I&#8217;m not prepared to undertake it right this moment. I&#8217;m not sure an article is the right place to do this, in fact. A permanent document demonstrating the changes may be more valuable, in the long run. Suffice it to say that the basic fundamentals of Section 508 have been updated to reflect the changes between versions 1.0 and 2.0 of the Web Content Accessibility Guidelines. The requirements which are beyond the specific conformance expectations of <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0, Level AA are worth elaborating on,&nbsp;however!</p>
<p><strong>Chapter 4, section 409: User Preferences</strong>. This section explicitly requires that applications allow users to set preferences for color, contrast, font type, size, and focus cursor. Thankfully, the rule is clearly written when it comes to development which is operated within a web browser: web browsers, as platforms which take some settings from an underlying platform, are expected to allow the underlying platform&#8217;s settings for these issues to take&nbsp;precedence. </p>
<p>To clarify this in simple terms: web browsers, or applications running within web browsers should not over-ride settings from the operating&nbsp;system. </p>
<p><strong>Chapter 4, section 413: Authoring Tools</strong>. Essentially, this is an extension of the web authoring tool accessibility guidelines applied within Section 508. What it requires is that any tool which is used to author content or create documents&thinsp;&#8212;&thinsp;such as Microsoft Word, as a desktop application, or as WordPress, as a web-based content authoring tool&thinsp;&#8212;&thinsp;must allow the creation of accessible documents (such as by allowing the creation of <code>alt</code> attributes for images) <em>and</em> must not by default remove any accessibility feature&thinsp;&#8212;&thinsp;such as a video editing tool which would remove captions if editing a captioned&nbsp;video. </p>
<p>The section seems very reasonably written&thinsp;&#8212;&thinsp;it requires prompts for creating conforming documents, but also specifies that not every element should be prompted, as this can decrease&nbsp;usability. </p>
<p><strong>Chapter 6, section 604, part 4: Real-Time Video</strong>. Live, streaming video must include real-time video description, with certain exceptions. This seems pretty explicit, and definitely is a valuable addition for people with disabilities. The exception provides for an exclusion for primarily visual and unattended situations. The example provided is a web camera overlooking a national park&thinsp;&#8212;&thinsp;it is purely visual, and there is little to no significant information to be gained from live video&nbsp;description.</p>
<p><strong>Chapter 6, section 604, part 5: Multiple Visual Areas of Focus</strong>. When a video contains multiple areas of focus&thinsp;&#8212;&thinsp;such as a news program which also includes scrolling event notices beneath the main program&thinsp;&#8212;&thinsp;video description must be provided for all areas of focus. The provision suggests a couple of methods for accomplishing this, including divided audio tracks between left and right channels. It&#8217;s an interesting area to address. I can certainly see that this requirement can open up new areas of information availability to people with disabilities, but I can also see a number of potential problems in implementation. However, that is a question for another&nbsp;time!</p>
<p><strong>Chapter 6, section 607: User Controls for Captions and Video Description</strong>. User controls must meet certain standards for accessibility functionality: in addition to the requirement that controls for closed captions or video description need to be present, they must also be present in the same context as other controls. It is not an acceptable option to hide controls for closed captions or video description in a corner&thinsp;&#8212;&thinsp;they should appear in contexts which have a similar prominence to other controls such as channel selection or volume&nbsp;adjustment. </p>
<p><strong>Chapter 6, section 608: Audio Track and Volume Control</strong>. Essentially, media players must provide users an ability to isolate speech tracks and background sounds. This is obviously dependent on video production in order to function; as such, this section indicates that any videos produced must be produced with separate speech and background audio tracks, in addition to requiring that players must offer controls to separately adjust these&nbsp;tracks. </p>
<p>This clause seems to have some flaws to me&thinsp;&#8212;&thinsp;specifically, in the gross generality of &#8220;background audio&#8221; versus &#8220;speech.&#8221; Stating &#8220;speech&#8221; is very explicit, as it only refers to spoken text. However, in practical terms, there are actually three important bands of audio in synchonized media: background audio which is non-referential (music and some background sound effects), audio which is referential (some background sound effects: a knock at the door or other sound which is reacted to by the video), and speech. It can create a great deal of confusion to exclude those key sound effects from the speech track. The issue is closely related to issues with captioning and video description: it&#8217;s important to note certain sound events, since some conversations or events will lose meaning if the viewer is unaware of relevant background&nbsp;sounds.</p>
<p>On the whole, in my relatively brief examination of the updates to Section 508 standards, I&#8217;m happy with the results. Obviously, there&#8217;s always room for improvement&thinsp;&#8212;&thinsp;there&#8217;s still room for improvement in <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0, which Section 508 could have changed&thinsp;&#8212;&thinsp;but I&#8217;d rather have a single set of base standards to reference than requirements which contradict each other! Working with standards isn&#8217;t the answer to every accessibility quandary, but you should never just ignore standards out of ignorance&thinsp;&#8212;&thinsp;instead, ignore them out of an educated disagreement. <img src='http://www.joedolson.com/articles/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />
<p><strong><a href="http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/">Forthcoming Updates on Federal Section 508 Rules</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/P8AMFvBrqcPEULuRQjPLNv5xLrw/0/da"><img src="http://feedads.g.doubleclick.net/~a/P8AMFvBrqcPEULuRQjPLNv5xLrw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/P8AMFvBrqcPEULuRQjPLNv5xLrw/1/da"><img src="http://feedads.g.doubleclick.net/~a/P8AMFvBrqcPEULuRQjPLNv5xLrw/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=0BPafPkyLwk:q9tabjjGg9A:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=0BPafPkyLwk:q9tabjjGg9A:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=0BPafPkyLwk:q9tabjjGg9A:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=0BPafPkyLwk:q9tabjjGg9A:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=0BPafPkyLwk:q9tabjjGg9A:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=0BPafPkyLwk:q9tabjjGg9A:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/0BPafPkyLwk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/06/forthcoming-updates-on-federal-section-508-rules/</feedburner:origLink></item>
		<item>
		<title>Accessibility Viewer Application Beta from the Paciello Group</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/jgPwBlZXnAs/</link>
		<comments>http://www.joedolson.com/articles/2010/06/accessibility-viewer-application-beta-from-the-paciello-group/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 15:30:00 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[aviewer]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=814</guid>
		<description>Steve Faulkner, from The Paciello Group, just announced the beta release of their new Accessibility Viewer application aViewer. The purpose of the application is to give easy access to what information the browser is reporting back through Accessibility APIs. It&amp;#8217;s an interesting application, and certainly has the potential to provide useful information in the&amp;#160;future. It [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/06/accessibility-viewer-application-beta-from-the-paciello-group/"&gt;Accessibility Viewer Application Beta from the Paciello Group&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>Steve Faulkner, from <a href="http://www.paciellogroup.com/index.php">The Paciello Group</a>, just announced the beta release of their new Accessibility Viewer application <a href="http://www.paciellogroup.com/blog/?p=635">aViewer</a>. The purpose of the application is to give easy access to what information the browser is reporting back through Accessibility APIs. It&#8217;s an interesting application, and certainly has the potential to provide useful information in the&nbsp;future. </p>
<p>It is in beta, of course, so it may not function entirely perfectly&thinsp;&#8212;&thinsp;in my installation, I had trouble getting a few features to work properly. I couldn&#8217;t get the cursor view to do anything at all, for example, nor could I get the cursor tool to turn on using F5, as the documentation describes. The Code view only seemed to show the text values for links&thinsp;&#8212;&thinsp;and nothing elsewhere. (For reference, this is on Windows Vista using Firefox&nbsp;3.6.3.)</p>
<p>Nonetheless, I can see the potential for this software as a helpful tool for exploring both the accessibility of an interface and the awareness of a browser concerning that information. It&#8217;s a good idea, and with feedback is likely to become a <em>useful</em> tool, as&nbsp;well!</p>
<p>Steve is asking for feedback, so be sure to install this in your environment and take a&nbsp;look. </p>
<p><strong><a href="http://www.joedolson.com/articles/2010/06/accessibility-viewer-application-beta-from-the-paciello-group/">Accessibility Viewer Application Beta from the Paciello Group</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/5i_0CAIBpREOp4l8PfifMsYpfMw/0/da"><img src="http://feedads.g.doubleclick.net/~a/5i_0CAIBpREOp4l8PfifMsYpfMw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/5i_0CAIBpREOp4l8PfifMsYpfMw/1/da"><img src="http://feedads.g.doubleclick.net/~a/5i_0CAIBpREOp4l8PfifMsYpfMw/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=jgPwBlZXnAs:VNYS6cJ4V9Y:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=jgPwBlZXnAs:VNYS6cJ4V9Y:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=jgPwBlZXnAs:VNYS6cJ4V9Y:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=jgPwBlZXnAs:VNYS6cJ4V9Y:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=jgPwBlZXnAs:VNYS6cJ4V9Y:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=jgPwBlZXnAs:VNYS6cJ4V9Y:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/jgPwBlZXnAs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/06/accessibility-viewer-application-beta-from-the-paciello-group/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/06/accessibility-viewer-application-beta-from-the-paciello-group/</feedburner:origLink></item>
		<item>
		<title>HTML 5 has cool stuff: new input types!</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/Fdct0Aql-mA/</link>
		<comments>http://www.joedolson.com/articles/2010/06/html-5-has-cool-stuff-new-input-types/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 16:04:06 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Web standards]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=799</guid>
		<description>Even though many elements of HTML 5 have only limited application at this time due to lacking browser support, there&amp;#8217;s little reason not to make use of them. The design of the markup language is intended to minimize dependence on user agents, failing invisibly if the browser doesn&amp;#8217;t offer that feature, which helps encourage early [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/06/html-5-has-cool-stuff-new-input-types/"&gt;HTML 5 has cool stuff: new input types!&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>Even though many elements of <abbr title="HyperText Markup Language">HTML</abbr> 5 have only limited application at this time due to lacking browser support, there&#8217;s little reason not to make use of them. The design of the markup language is intended to minimize dependence on user agents, failing invisibly if the browser doesn&#8217;t offer that feature, which helps encourage early use of new&nbsp;elements.</p>
<p>Of course, the lack of support does have some consequences. We can&#8217;t just go out writing <abbr title="HyperText Markup Language">HTML</abbr> 5 without having significant awareness of this lack of native support&thinsp;&#8212;&thinsp;we have to&nbsp;compensate. </p>
<p>Nonetheless, being able to incorporate great new elements like <code>figure</code>, <code>progress</code>, <code>meter</code>, <code>nav</code> to improve semantics or browser capabilities including <a href="http://keyboardy.com/programming/html5-link-prefetching/">content prefetching</a> to provide a faster, more seamless experience for users is actually pretty&nbsp;exciting. </p>
<p><div id="attachment_801" class="wp-caption alignleft" style="width: 329px"><img src="http://www.joedolson.com/articles/wp-content/uploads/html-input-date.png" alt="HTML5 Datetime input in Opera 10.53" title="HTML5 Datetime input in Opera 10.53" width="319" height="306" class="size-full wp-image-801" /><p class="wp-caption-text">HTML5 Datetime input in Opera&nbsp;10.53</p></div>The coolest thing coming, in my opinion, is the numerous new attribute values for the <code>input</code> element. It seems like everybody&#8217;s always talking about the video element&thinsp;&#8212;&thinsp;but, not being somebody who&#8217;s all that excited by video, those conversations just make me say&nbsp;&#8220;Meh.&#8221;</p>
<p>But new input types&#8230;<em>cold&nbsp;shivers.</em></p>
<p>Sadly, they&#8217;re also one of the less useful elements at the moment. Until support is available in browsers, they&#8217;ll simply fall back to a text field, unless supplemented by scripting to customize their behavior. But hey&thinsp;&#8212;&thinsp;easy upgrade,&nbsp;right?</p>
<p>From an accessibility perspective, this is fabulous news. Or rather, <em>potentially</em> fabulous news. These new input types&thinsp;&#8212;&thinsp;including date formats, time formats, numbers, ranges, and colors&thinsp;&#8212;&thinsp;are intended to provide user-friendly and accessibility-enabled interfaces for inputting these kinds of custom data. Ultimately, they&#8217;ll provide replacements (or fallbacks) to the innumerable JavaScripted widgets used to create date input or color selectors. Users, instead of encountering a different style of calendar every time they need to enter a date, could have a consistent user experience. Having the behavior built directly into the browser, and tied from there directly into any accessibility software in use offers a hugely more dependable experience for users of assistive&nbsp;technology. </p>
<p>Now, this all depends on several factors: vendor implementations need to meet user agent accessibility guidelines; interfaces between browsers need to be consistent; and, of course, the attribute values need to be implemented by enough browsers to make their use truly&nbsp;valuable!</p>
<p><time datetime="2010-06-03">Today</time>, support is pretty limited. You can take a look at <a href="http://www.456bereastreet.com/lab/html5-input-types/">Roger Johansson&#8217;s <abbr title="HyperText Markup Language">HTML</abbr> 5 input type test page</a> and see whether your current browser supports any of them. If you&#8217;re using recent versions of Opera or Safari, the answer will be yes&thinsp;&#8212;&thinsp;otherwise, you won&#8217;t be seeing very much of interest for a&nbsp;while. </p>
<p><strong>But you can implement these input types&nbsp;today.</strong></p>
<p>All of these different input types fallback to a simple text input. If you&#8217;re using the <abbr title="HyperText Markup Language">HTML</abbr> 5 doctype, there&#8217;s nothing stopping you from applying <abbr title="HyperText Markup Language">HTML</abbr> 5 input types <em>right now</em>. Any browser that doesn&#8217;t support them will simply provide a field to enter plain text&thinsp;&#8212;&thinsp;so if you&#8217;re currently collecting email addresses in a text input (which seems pretty likely,) then you have no excuse not to change now. You may not see the benefits right away, but why wait? You&#8217;re not going to see any downsides,&nbsp;either. </p>
<p>Creating forms has long been a thorn in many a developer&#8217;s side. Dealing with how to best layout and collect date information, for example, is always a pain. Do you leave it as a simple text field, and have to deal with who-know-what kind of data received from the user? Do you use multiple select boxes, and force the user to walk through three or more fields just to enter the date? Do you use a JavaScript-based tool to provide a calendar, which may not have great accessibility, may behave strangely in some browsers, and may take a lot of development time to massage into providing the functionality you&#8217;re looking&nbsp;for? </p>
<p>Even when browser support for <abbr title="HyperText Markup Language">HTML</abbr> 5 input types is fully available, it&#8217;s entirely possible that you&#8217;ll want to take the route to custom develop interfaces for various fields. However, unlike the past, you&#8217;ll only be needing to do this because something particularly unique is required for the project; for lower-budget projects, you can save a lot of labor and provide a solid interface just by using native&nbsp;features. </p>
<p><strong><a href="http://www.joedolson.com/articles/2010/06/html-5-has-cool-stuff-new-input-types/"><abbr title="HyperText Markup Language">HTML</abbr> 5 has cool stuff: new input types!</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/sjtXgHWh0LoB9JVnOvpZu2D94rY/0/da"><img src="http://feedads.g.doubleclick.net/~a/sjtXgHWh0LoB9JVnOvpZu2D94rY/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/sjtXgHWh0LoB9JVnOvpZu2D94rY/1/da"><img src="http://feedads.g.doubleclick.net/~a/sjtXgHWh0LoB9JVnOvpZu2D94rY/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Fdct0Aql-mA:YVLJiMbWZgM:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Fdct0Aql-mA:YVLJiMbWZgM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Fdct0Aql-mA:YVLJiMbWZgM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=Fdct0Aql-mA:YVLJiMbWZgM:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Fdct0Aql-mA:YVLJiMbWZgM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=Fdct0Aql-mA:YVLJiMbWZgM:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/Fdct0Aql-mA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/06/html-5-has-cool-stuff-new-input-types/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/06/html-5-has-cool-stuff-new-input-types/</feedburner:origLink></item>
		<item>
		<title>The future of WP to Twitter</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/cNl_QAoso1E/</link>
		<comments>http://www.joedolson.com/articles/2010/05/the-future-of-wp-to-twitter/#comments</comments>
		<pubDate>Wed, 05 May 2010 20:02:17 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[oauth]]></category>
		<category><![CDATA[wptotwitter]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=787</guid>
		<description>In June of 2010, Twitter will be permanently disabling basic authentication in favor of the OAuth protocol for authentication. For WordPress plugins which make use of the Twitter API, this is a change which will have significant&amp;#160;repercussions. The specific repercussion will be that every implementation of a plugin will need to be registered with Twitter [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/05/the-future-of-wp-to-twitter/"&gt;The future of WP to Twitter&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>In June of 2010, Twitter will be <a href="http://apiwiki.twitter.com/OAuth-FAQ#WhenareyougoingtoturnoffBasicAuth">permanently disabling basic authentication</a> in favor of the <a href="http://oauth.net/">OAuth protocol</a> for authentication. For WordPress plugins which make use of the Twitter <abbr title="Application Programming Interface">API</abbr>, this is a change which will have significant&nbsp;repercussions. </p>
<p>The specific repercussion will be that every implementation of a plugin will need to be <a href="http://twitter.com/oauth_clients">registered with Twitter as a separate&nbsp;application</a>. </p>
<p>This means that the development of WP to Twitter will need to move in a slightly different direction. After pondering a bit, I&#8217;m left with four plausible&nbsp;choices:</p>
<ol>
<li><a href="/articles/2010/05/the-future-of-wp-to-twitter/#die">Let the plugin&nbsp;die</a></li>
<li><a href="/articles/2010/05/the-future-of-wp-to-twitter/#oauth">Implement OAuth for the&nbsp;plugin</a></li>
<li><a href="/articles/2010/05/the-future-of-wp-to-twitter/#webservice">Build a pass-through web service to act as an application interface with&nbsp;Twitter</a></li>
<li><a href="/articles/2010/05/the-future-of-wp-to-twitter/#3rdparty">Associate with a 3rd party web service in the same&nbsp;capacity</a></li>
</ol>
<p>These all have downsides, obviously&thinsp;&#8212;&thinsp;but I want to lay out my thoughts on each possibility and I&#8217;m asking for comments from the users of my plugin on their&nbsp;preference. </p>
<h3 id="die">Death of WP to&nbsp;Twitter</h3>
<p>Although it&#8217;s not really my favorite option, I have to acknowledge that it&#8217;s plausible. It&#8217;s certainly the easy answer&thinsp;&#8212;&thinsp;maintaining an even moderately popular WordPress plugin is a lot of free labor. I already spend more time on maintaining than I really should, from a financial perspective, and this may push it over the&nbsp;edge. </p>
<h3 id="oauth">Implement&nbsp;OAuth</h3>
<p>This would be a fair amount of work for me, although not insurmountable. The real downside to it would be how much work it would be for users&thinsp;&#8212;&thinsp;every one of you would have to register one application with Twitter for every site where you installed the plugin. With one site, this may not be a big deal&thinsp;&#8212;&thinsp;but I know it could be a real pain for people with more than&nbsp;that. </p>
<p>It&#8217;s not without some potential advantages, of course&thinsp;&#8211;&thinsp;when you&#8217;re registering your own application, you could customize the application name, the home <abbr title="Uniform Resource Locator">URL</abbr> for the application,&nbsp;etc. </p>
<h3 id="webservice">Build a pass-through&nbsp;service</h3>
<p>One way around the Oauth mess is for me to build a separate service which would handle actually connecting to Twitter. WP to Twitter would authenticate with that service, and pass the post off to Twitter. Again, this would be a lot of work&thinsp;&#8212;&thinsp;but, more significantly, it would involve some definite&nbsp;expenses. </p>
<p>I&#8217;ve been happy to maintain this plugin for not-much-better than free, but when it comes to incurring expenses, I start to feel a bit unexcited. It&#8217;s not like WP to Twitter is a commercially viable business, and I have expectations of profit from it&thinsp;&#8212;&thinsp;but I&#8217;d prefer not to find myself going into the hole because of it. I&#8217;d probably need to see an increase in donations to make this&nbsp;feasible.</p>
<h3 id="thirdparty">Use a 3rd Party&nbsp;Service</h3>
<p>Obviously, if I can build a service to connect with Twitter, so can somebody else. This is almost certainly the easiest solution which keeps the plugin usable&thinsp;&#8212;&thinsp;but it does mean creating a dependency on a 3rd party to keep the plugin functioning. Depending on Twitter is just natural; obviously, if Twitter goes away, the <em>point</em> of the plugin is lost. Depending on somebody else is something I&#8217;m less certain of, on the whole. There&#8217;s a reason, after all, that the plugin allows for use of URLs without an external&nbsp;shortener. </p>
<h3>Give me your&nbsp;thoughts</h3>
<p>This is very important to me&thinsp;&#8212;&thinsp;I want to know what direction you&#8217;d like to see WP to Twitter go. Please let me know! Do you know another solution? Do&nbsp;tell! </p>
<p>And if there are no responses&#8230;well, that has a <a href="/articles/2010/05/the-future-of-wp-to-twitter/#die">pretty obvious meaning</a> as well.
<p><strong><a href="http://www.joedolson.com/articles/2010/05/the-future-of-wp-to-twitter/">The future of WP to Twitter</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/-CRlk2LNu6UwrYbw_H50E07x92Q/0/da"><img src="http://feedads.g.doubleclick.net/~a/-CRlk2LNu6UwrYbw_H50E07x92Q/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/-CRlk2LNu6UwrYbw_H50E07x92Q/1/da"><img src="http://feedads.g.doubleclick.net/~a/-CRlk2LNu6UwrYbw_H50E07x92Q/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=cNl_QAoso1E:w03FgFd-zqE:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=cNl_QAoso1E:w03FgFd-zqE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=cNl_QAoso1E:w03FgFd-zqE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=cNl_QAoso1E:w03FgFd-zqE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=cNl_QAoso1E:w03FgFd-zqE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=cNl_QAoso1E:w03FgFd-zqE:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/cNl_QAoso1E" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/05/the-future-of-wp-to-twitter/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/05/the-future-of-wp-to-twitter/</feedburner:origLink></item>
		<item>
		<title>Form over Function? Never thought about it…</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/r8rnwLyJnNY/</link>
		<comments>http://www.joedolson.com/articles/2010/04/form-over-function-never-thought-about-it/#comments</comments>
		<pubDate>Sat, 24 Apr 2010 15:15:04 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[calendar]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wp]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=779</guid>
		<description>A couple of weeks ago, I launched a WordPress Calendar plugin. Now, there are a *lot* of Calendar plugins available out there, so I&amp;#8217;ll freely admit that my primary reason for doing this was to meet my own needs&amp;#8201;&amp;#8212;&amp;#8201;and given the &amp;#8220;profit margin&amp;#8221; on writing WordPress plugins, that&amp;#8217;s generally the best plan when writing&amp;#160;one. Interestingly, [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/04/form-over-function-never-thought-about-it/"&gt;Form over Function? Never thought about it&amp;#8230;&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>A couple of weeks ago, I launched a <a href="/articles/my-calendar/">WordPress Calendar plugin</a>. Now, there are a *lot* of Calendar plugins available out there, so I&#8217;ll freely admit that my primary reason for doing this was to meet my own needs&thinsp;&#8212;&thinsp;and given the &#8220;profit margin&#8221; on writing WordPress plugins, that&#8217;s generally the best plan when writing&nbsp;one. </p>
<p>Interestingly, the most frequent complaints I&#8217;ve heard since launching it were in an area which I had considered to be the least important area of the plugin&thinsp;&#8212;&thinsp;what it looks&nbsp;like.</p>
<p>I only did minimal work in setting up the appearance for this plugin; checking whether it basically worked in the default WordPress themes and little else. My assumption was that if anybody needed the plugin, they&#8217;d just have to be prepared to customize it to meet their needs. There was no reasonable way I could set it up to mesh with all possible themes, after&nbsp;all!</p>
<p>But apparently, in order to have the plugin be generally accepted, people need it to have &#8220;a look.&#8221; Most advanced users will probably change it; but I clearly hadn&#8217;t considered the more beginner users, without sufficient <abbr title="Cascading Style Sheets">CSS</abbr> knowledge to readily customize the&nbsp;output.</p>
<p>What&#8217;s really interesting to me about this situation, however, is not whether the plugin is accepted, popular, or heavily designed; that&#8217;s just an example. I was intrigued to observe in my own development process an approach which almost entirely ignored what the product looked like. From start to finish, I was really thinking about whether the plugin produced well-structured <abbr title="HyperText Markup Language">HTML</abbr> and whether the various functions involved in producing information worked&nbsp;well. </p>
<p>I just never thought about design. And why would I? If I can&#8217;t predict what context the plugin will be used in, why should I design it at all, beyond making the basic functionality&nbsp;clear? </p>
<p>It&#8217;s an interesting question; from my perspective, as a fairly advanced WordPress developer, I honestly prefer plugins I use to have absolutely minimal styles, and for me to be able to disable those styles at will so that I can replace them. However, WordPress has a very broad user base. Most of those millions of users probably expect that they can install a plugin and immediately make use of it&thinsp;&#8212;&thinsp;and any changing of colors or reskinning to better match their design is purely optional. For those users, I really should be providing something which can be immediately&nbsp;useful.</p>
<p>It actually does come down to usability: advanced users can do what they want with the calendar design regardless of how extensively I&#8217;ve set up styles. Beginning users, however, may not be able to fix anything that I&#8217;ve left unresolved, or not fully tested. In order to provide the best usability, I need to consider those users, as&nbsp;well.</p>
<p>Having determined that it does make sense to actually design the plugin&#8217;s output, but also knowing that there&#8217;s no reasonable way I can design it to match all themes, I do have to make a firm decision about what the basic color scheme for the plugin will be. Originally, I&#8217;d used a basic, Kubrick-derived color set. Now? Well, the sensible thing seems to be to consider branding; set it up using my own website&#8217;s color scheme. It may be subtle, but it will convey my identity, even without my name or <abbr title="Uniform Resource Locator">URL</abbr>. That seems&nbsp;worthwhile.</p>
<p>Guess I better get to work!
<p><strong><a href="http://www.joedolson.com/articles/2010/04/form-over-function-never-thought-about-it/">Form over Function? Never thought about it&#8230;</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/peLP2pf6qP94omYrKrNth-CSPpQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/peLP2pf6qP94omYrKrNth-CSPpQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/peLP2pf6qP94omYrKrNth-CSPpQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/peLP2pf6qP94omYrKrNth-CSPpQ/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=r8rnwLyJnNY:M3fP5tVAC8w:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=r8rnwLyJnNY:M3fP5tVAC8w:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=r8rnwLyJnNY:M3fP5tVAC8w:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=r8rnwLyJnNY:M3fP5tVAC8w:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=r8rnwLyJnNY:M3fP5tVAC8w:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=r8rnwLyJnNY:M3fP5tVAC8w:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/r8rnwLyJnNY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/04/form-over-function-never-thought-about-it/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/04/form-over-function-never-thought-about-it/</feedburner:origLink></item>
		<item>
		<title>New WordPress Plugin: My Calendar</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/Md6P_lkeb5c/</link>
		<comments>http://www.joedolson.com/articles/2010/04/new-wordpress-plugin-my-calendar/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 22:59:24 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[calendar]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=718</guid>
		<description>Version 1.3.0 released. Numerous bug fixes and new&amp;#160;features. I just launched the first public draft of an online calendar plugin I&amp;#8217;ve been working on for a while. It&amp;#8217;s based on a plugin from Kieran O&amp;#8217;Shea, Calendar, but has been adapted extensively to better suit my own&amp;#160;needs. Hopefully, it&amp;#8217;ll also suit other people&amp;#8217;s&amp;#160;needs. Read more about [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/04/new-wordpress-plugin-my-calendar/"&gt;New WordPress Plugin: My Calendar&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<div id="update">
<p><strong>Version 1.3.0 released.</strong> Numerous bug fixes and new&nbsp;features.</p>
</div>
<p>I just launched the first public draft of an online calendar plugin I&#8217;ve been working on for a while. It&#8217;s based on a plugin from Kieran O&#8217;Shea, <a href="http://wordpress.org/extend/plugins/calendar/">Calendar</a>, but has been adapted extensively to better suit my own&nbsp;needs. </p>
<p>Hopefully, it&#8217;ll also suit other people&#8217;s&nbsp;needs.</p>
<ul>
<li><a href="/articles/my-calendar/">Read more about My&nbsp;Calendar</a>.</li>
<li><a href="http://wordpress.org/extend/plugins/my-calendar/">Download My&nbsp;Calendar</a>.</li>
<li><a href="/articles/my-calendar/sample-calendar/">View a sample&nbsp;installation</a>.</li>
</ul>
<p>Please leave comments or questions at <a href="/articles/my-calendar/faq/">the My Calendar support page</a>; leave <a href="/articles/my-calendar/requests/">feature requests</a> on the feature request&nbsp;page!</p>
<p><strong><a href="http://www.joedolson.com/articles/2010/04/new-wordpress-plugin-my-calendar/">New WordPress Plugin: My Calendar</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/F70GaTVnSO1uMmLviK__ZadloLQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/F70GaTVnSO1uMmLviK__ZadloLQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/F70GaTVnSO1uMmLviK__ZadloLQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/F70GaTVnSO1uMmLviK__ZadloLQ/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Md6P_lkeb5c:yrBs36cXBS0:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Md6P_lkeb5c:yrBs36cXBS0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Md6P_lkeb5c:yrBs36cXBS0:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=Md6P_lkeb5c:yrBs36cXBS0:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=Md6P_lkeb5c:yrBs36cXBS0:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=Md6P_lkeb5c:yrBs36cXBS0:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/Md6P_lkeb5c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/04/new-wordpress-plugin-my-calendar/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/04/new-wordpress-plugin-my-calendar/</feedburner:origLink></item>
		<item>
		<title>When More is Less</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/HBlGoMZDglk/</link>
		<comments>http://www.joedolson.com/articles/2010/03/when-more-is-less/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 16:14:08 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=693</guid>
		<description>One of the most famously cliched spy movie themes is the absurdly complex method (and accompanying explanation) in which the villain intends to kill the hero. Layer upon layer of killer sharks, laser beams, poisonous gases, and robot assassins employed with the sole intention of killing one fundamentally normal person (albeit a very suave person, [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/03/when-more-is-less/"&gt;When More is Less&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>One of the most famously cliched spy movie themes is the absurdly complex method (and accompanying explanation) in which the villain intends to kill the hero. Layer upon layer of killer sharks, laser beams, poisonous gases, and robot assassins employed with the sole intention of killing one fundamentally normal person (albeit a very <em>suave</em> person, of&nbsp;course.)</p>
<p>And, naturally, it always fails. Something goes wrong in the system; gross negligence of maintenance causes a malfunction; or some unanticipated exception allows the hero to&nbsp;escape. </p>
<p>This is an important thing to keep in mind when designing or building a web site, in every aspect. When you think you&#8217;re adding fabulous new functionality or greater accessibility, you should always be thinking about whether you&#8217;re ultimately supporting your visitor&#8217;s needs&thinsp;&#8212;&thinsp;or just making your system needlessly more&nbsp;complex. </p>
<p>Jared Smith, from Web AIM, recently published an article on <a href="http://webaim.org/blog/web-accessibility-preferences-are-for-sissies/">web accessibility preferences</a> expounding on the notion that in most cases, providing tools for your disabled users to change their experience usually means that you haven&#8217;t done your job right in the first place. Perhaps, rather than adding a tool to enable people to adjust your site, you should simply <strong>fix the site</strong>. Jared makes the very good point that in most cases, the people who need text enlargement have already taken care of it through their browser settings or operating system; and those who need extreme enlargement can&#8217;t be helped by a common accessibility widget&thinsp;&#8212;&thinsp;they need software&nbsp;support.</p>
<p>So, given this case, what do you actually accomplish by adding accessibility widgets to a web&nbsp;site? </p>
<p>If you&#8217;ve added them to a global element, to make them available throughout the site, you&#8217;ve made your site more complex: there&#8217;s more information on every page which needs to be sorted through or skipped over. You&#8217;ve added an additional technical element which needs to be supported and maintained&thinsp;&#8212;&thinsp;as browsers change, you&#8217;ll need to be rechecking not just your default settings, but all of the various combinations you&#8217;re providing, as&nbsp;well. </p>
<p>If you&#8217;ve added the same options to a page dedicated to these accessibility options, you&#8217;ve pretty well avoided the problem of having a globally more complicated interface. However, you need to ask yourself whether the problems your accessibility options fix will prevent the users who need them from finding the options!  Take this example: you&#8217;ve chosen a relatively low-contrast (but attractive) text color for your footer and secondary header navigation. Since this color is below the <a href="http://www.joedolson.com/articles/2008/05/testing-color-contrast/"><abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2 color contrast requirements</a>, you&#8217;re providing a link to a page where the user can select a high-contrast&nbsp;option. </p>
<p>Unfortunately, since the link is in your footer, that user who needs a high-contrast page can&#8217;t actually find the page where they can make the&nbsp;change. </p>
<p>Problems with site complexity don&#8217;t only effect web accessibility, however. Any additional function to your web site needs to be carefully considered before  implementation: is it worth while to add an audio player with auto start to your home page? What are the consequences of making this change? You may think that it&#8217;s a great opportunity to immediately promote your band&#8217;s music to those who want to hear it; but you&#8217;re making the gross assumption that those visitors want to hear it <strong>right now</strong>. They may not. And if they&#8217;re in a sensitive situation&thinsp;&#8212;&thinsp;checking you out from their quiet office cubicle, for example&thinsp;&#8212;&thinsp;then their first reaction is likely to be &#8220;How do I turn this&nbsp;off!&#8221;</p>
<p>Assuming you have decided to add this audio player to your web site&thinsp;&#8212;&thinsp;you may not realize that the most important control you need to have is a prominent <em>STOP</em> button. Otherwise, the most natural way to stop the music is to leave your&nbsp;site. </p>
<p>Any piece of new functionality adds complexity to a site. It may create an undesirable reaction, it may create user confusion&thinsp;&#8212;&thinsp;or it may be a brilliant idea which turns your home business into a multi-million dollar corporation. You shouldn&#8217;t avoid adding functionality on the grounds that anything complicated is going to be a problem; but you should certainly take a very close look at every new feature and decide whether it will add to the user experience. When making that decision, the points to consider are not limited to the value of that feature alone. You need to also consider all the other features which will be simultaneously available; you may want to add a new feature, but move an existing one. It&#8217;s usually not any given feature which causes problems; it&#8217;s having too many paths to follow which may confuse your visitors.
<p><strong><a href="http://www.joedolson.com/articles/2010/03/when-more-is-less/">When More is Less</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/nt5TWnnMq3-FA_PQNJyMNeJHt2g/0/da"><img src="http://feedads.g.doubleclick.net/~a/nt5TWnnMq3-FA_PQNJyMNeJHt2g/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/nt5TWnnMq3-FA_PQNJyMNeJHt2g/1/da"><img src="http://feedads.g.doubleclick.net/~a/nt5TWnnMq3-FA_PQNJyMNeJHt2g/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=HBlGoMZDglk:ZTF6jltSgx8:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=HBlGoMZDglk:ZTF6jltSgx8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=HBlGoMZDglk:ZTF6jltSgx8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=HBlGoMZDglk:ZTF6jltSgx8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=HBlGoMZDglk:ZTF6jltSgx8:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=HBlGoMZDglk:ZTF6jltSgx8:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/HBlGoMZDglk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/03/when-more-is-less/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/03/when-more-is-less/</feedburner:origLink></item>
		<item>
		<title>When the right hand doesn’t listen to the left.</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/W_0BxJLwGyA/</link>
		<comments>http://www.joedolson.com/articles/2010/01/when-the-right-hand-doesnt-listen-to-the-left/#comments</comments>
		<pubDate>Sun, 24 Jan 2010 19:47:03 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Web standards]]></category>
		<category><![CDATA[alistapart]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=650</guid>
		<description>Thanks to the power of internet criticism, the code discussed in this blog post has since been fixed! Sometimes just making a complaint is all it takes to get something fixed. I was highly critical of the code authors for this low-quality code; but they truly did care, and made changes. Thank&amp;#160;you. Authoring forms is [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2010/01/when-the-right-hand-doesnt-listen-to-the-left/"&gt;When the right hand doesn&amp;#8217;t listen to the left.&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<div id="update">
<p>Thanks to the power of internet criticism, the code discussed in this blog post has since been fixed! Sometimes just making a complaint is all it takes to get something fixed. I was highly critical of the code authors for this low-quality code; but they truly did care, and made changes. Thank&nbsp;you.</p>
</div>
<p>Authoring forms is an important part of keeping the web fully accessible&thinsp;&#8212;&thinsp;not just providing access to information, but allowing users to fully interact with the web in all it&#8217;s glory. Interactivity is what makes the web powerful and&nbsp;persuasive.</p>
<p>As such, I can&#8217;t help but be frustrated when I run across basic form construction which is simply well below the standards I&#8217;ve come to expect. A form like this one, for example, is incredibly irritating to my sense of what the web should&nbsp;be:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">form</span> <span style="color: #000066;">action</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;/store/add_event_to_cart/53&quot;</span> autocomplete<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;off&quot;</span> <span style="color: #000066;">method</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;post&quot;</span>&gt;</span>    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">table</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span> nowrap&gt;&lt;<span style="color: #000000; font-weight: bold;">span</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;required&quot;</span>&gt;</span>First Name:<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">span</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee_first_name&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee[first_name]&quot;</span> <span style="color: #000066;">size</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;40&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span> nowrap&gt;&lt;<span style="color: #000000; font-weight: bold;">span</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;required&quot;</span>&gt;</span>Last Name:<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">span</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
&nbsp;
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee_last_name&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee[last_name]&quot;</span> <span style="color: #000066;">size</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;40&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
&nbsp;
...[numerous similar fields deleted to avoid boring the hell out of you]...
&nbsp;
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span> <span style="color: #000066;">colspan</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2&quot;</span>&gt;</span><span style="color: #ddbb00;">&amp;nbsp;</span><span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span> <span style="color: #000066;">colspan</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2&quot;</span>&gt;</span>
&nbsp;
      <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee[sponsor_email]&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;hidden&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">checked</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;checked&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee_sponsor_email&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee[sponsor_email]&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;vertical-align: top;&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;checkbox&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
      <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;display: inline-block; width: 360px;&quot;</span>&gt;</span>Please sign me up to get occasional information from select sponsors, partners, and other fun people.<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">td</span> <span style="color: #000066;">colspan</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2&quot;</span>&gt;</span>Discount code (if applicable): <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> autocomplete<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;off&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee_discount_code&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;attendee[discount_code]&quot;</span> <span style="color: #000066;">size</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;10&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">table</span>&gt;</span>
&nbsp;
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;commit&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;submit&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Add Attendee&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">form</span>&gt;</span></pre></div></div>

<p>But in this case, it&#8217;s not just the nature of the form itself. There&#8217;s a lot wrong here&thinsp;&#8212;&thinsp;the use of <code>table</code> for layout is a big problem, but even if you&#8217;re accepting the table as logical (and there <em>is</em> a particular logic which would except tables for forms,) the lack of a summary or headings in that table and the use of empty table cells to provide spacing is a big problem. Then we look at the form itself&thinsp;&#8212;&thinsp;not a <code>label</code> element in sight; instead we have plain text using a <code>span</code> and <code>class</code> to indicate if a field is required. There&#8217;s no coded indication that a field is required; it&#8217;s a purely visual&nbsp;indicator. </p>
<p>My sense of accessibility&nbsp;hurts.</p>
<p>And do you want to know where this code came from? <a href="https://store.aneventapart.com/store/add_attendee/53">Here it&nbsp;is</a>.</p>
<p>Here are a few good articles on high quality form construction&thinsp;&#8211;&thinsp;but don&#8217;t bother reading them. After all, they&nbsp;didn&#8217;t.</p>
<ul>
<li><a href="http://www.alistapart.com/articles/sensibleforms">Sensible&nbsp;Forms</a></li>
<li><a href="http://www.alistapart.com/articles/prettyaccessibleforms/">Pretty Accessible&nbsp;Forms</a></li>
<li><a href="http://www.alistapart.com/articles/makingcompactformsmoreaccessible">Making Compact Forms more&nbsp;Accessible</a></li>
</ul>
<p>This is something that pisses me off; but you can find it everywhere. Large organizations responsible for web publishing don&#8217;t always maintain the standards they talk about. Is it just talk, then? Does the fact that <a href="http://www.aneventapart.com">An Event Apart</a> does what <a href="http://www.alistapart.com">A List Apart</a> condemns mean following standards and implementing accessibility doesn&#8217;t mean&nbsp;anything? </p>
<p>Thankfully, no. It does mean that web sites aren&#8217;t perfect; and the people doing the labor are frequently not the people who know best how it should be done. But it is a problem&thinsp;&#8212;&thinsp;as much as we can evangelize best practices, it doesn&#8217;t mean that they&#8217;ll be&nbsp;used.</p>
<p>There&#8217;s a lot of pressure in the web industry to produce fast results. Sometimes this means people take shortcuts; sometimes it means hiring people who may not be as fully trained or qualified as you really wish you had; and sometimes it means things just go&nbsp;wrong.</p>
<p>But I&#8217;m left with a definite feeling of frustration to find that a leading web standards event like An Event Apart should exhibit this kind of <abbr title="HyperText Markup Language">HTML</abbr> on their web&nbsp;site. </p>
<h3>How can this be&nbsp;avoided?</h3>
<p>Ooh, that&#8217;s a tough one. Work processes, new employees, insufficient testing&thinsp;&#8212;&thinsp;all of these can allow inferior code onto a site. As a freelance designer, it&#8217;s positively rare that I have sole control over new content or template changes after the initial launch. As a member of a team, I can only imagine that it&#8217;s even more difficult&thinsp;&#8212;&thinsp;anybody with sufficient permissions to commit a change can change the overall level of competency exhibited on the&nbsp;site.</p>
<p>Application of a tool like Marco Battilani&#8217;s <a href="http://accessites.org/site/2006/07/big-red-angry-text/">Big Red Angry Text</a> technique can help, but it&#8217;s a little scary to put into a published site if you know that the editing won&#8217;t always be done by knowledgeable people. It may demonstrate mistakes, but can sometimes serve to do nothing more than piss off or frustrate your client or staff. It depends on the control and education you&#8217;ve been able to&nbsp;impose.</p>
<ol>
<li>Educate. Teach the people who will be doing work on the site as much as you can&thinsp;&#8211;&thinsp;the what and the&nbsp;why.</li>
<li>Review the site. Review the work that&#8217;s been done; a 30 second glance at the code is likely to result in fixing at least some errors, and will hopefully prevent future errors of the same&nbsp;type.</li>
<li>Provide tools for self-checking. Not a first choice, since all automated tools are flawed by their very nature, but they can still be of&nbsp;use.</li>
</ol>
<p>It&#8217;s not always practical; but if following these steps is at all an option, it&#8217;s really worthwhile.
<p><strong><a href="http://www.joedolson.com/articles/2010/01/when-the-right-hand-doesnt-listen-to-the-left/">When the right hand doesn&#8217;t listen to the left.</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/2tavOAQgAlYpOWTuqV_eQzauNUQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/2tavOAQgAlYpOWTuqV_eQzauNUQ/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/2tavOAQgAlYpOWTuqV_eQzauNUQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/2tavOAQgAlYpOWTuqV_eQzauNUQ/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=W_0BxJLwGyA:U2MO0xwlVsg:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=W_0BxJLwGyA:U2MO0xwlVsg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=W_0BxJLwGyA:U2MO0xwlVsg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=W_0BxJLwGyA:U2MO0xwlVsg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=W_0BxJLwGyA:U2MO0xwlVsg:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=W_0BxJLwGyA:U2MO0xwlVsg:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/W_0BxJLwGyA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2010/01/when-the-right-hand-doesnt-listen-to-the-left/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2010/01/when-the-right-hand-doesnt-listen-to-the-left/</feedburner:origLink></item>
		<item>
		<title>United States disability statistics: Measurement and sources.</title>
		<link>http://feedproxy.google.com/~r/AccessibleDesign/~3/EMh4JWrgJ1o/</link>
		<comments>http://www.joedolson.com/articles/2009/12/united-states-disability-statistics-measurement-and-sources/#comments</comments>
		<pubDate>Sat, 05 Dec 2009 20:07:22 +0000</pubDate>
		<dc:creator>Joe Dolson</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[a11y]]></category>
		<category><![CDATA[practical ecommerce]]></category>
		<category><![CDATA[statistics]]></category>

		<guid isPermaLink="false">http://www.joedolson.com/articles/?p=628</guid>
		<description>On Wednesday of last week, I published an article on disability statistics in Practical eCommerce magazine. Although there&amp;#8217;s nothing particularly wrong with the article, I find myself wanting to publish a follow up article with more detail on the statistics. Statistics are complicated beasts, and I feel that detailed explication of sources and statistical problems [...]&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joedolson.com/articles/2009/12/united-states-disability-statistics-measurement-and-sources/"&gt;United States disability statistics: Measurement and sources.&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;&lt;small&gt;Copyright 2004&amp;thinsp;&amp;ndash;&amp;thinsp;2010 Joseph C Dolson, Accessible Web Design&lt;/small&gt;&lt;/p&gt;</description>
			<content:encoded><![CDATA[<p>On Wednesday of last week, I published an <a href="http://www.practicalecommerce.com/articles/1417-Accessibility-How-Many-Disabled-Web-Users-Are-There-">article on disability statistics in Practical eCommerce magazine</a>. Although there&#8217;s nothing particularly wrong with the article, I find myself wanting to publish a follow up article with more detail on the statistics. Statistics are complicated beasts, and I feel that detailed explication of sources and statistical problems is well worth&nbsp;while. </p>
<p>First,&nbsp;sources: </p>
<h3>Americans with Disabilities:&nbsp;2005</h3>
<p>The primary source for statistics in the Practical eCommerce article was a report called <a href="http://www.census.gov/hhes/www/disability/sipp/disable05.html">Americans with Disabilites: 2005</a>, produced by the United States Census Bureau. The data dates to 2005, but the report was released in December of 2008, so it&#8217;s not far from the most current information available which is based on truly extensive&nbsp;research. </p>
<p>This report was released from data gathered in the <em>Survey of Income and Program Participation</em> in 2005, updating the information from a 2002 report of the same name. The report is limited to the civilian, non-institutionalized population of the nation, and estimates that the overall percentage of the population demonstrating disabilities would rise to 15.7 percent from 15.1 percent if that population was included, referencing information from the 2006 American Communities&nbsp;Survey. </p>
<h3>The American Communities&nbsp;Survey</h3>
<p>The ACS is a continuous data collection effort by the U.S. Census Bureau used to produce annual estimates at the national, state and local level on the characteristics of the United States population.  In 2005, the ACS collected information from approximately 3 million addresses in the United States and 36,000 addresses in Puerto Rico. In 2006, it will also include 2.5 percent of the population living in group quarters, (U.S. Census Bureau,&nbsp;2003). </p>
<p>Given the rapid pace of technological development, access to ongoing current statistics is of inordinate value to internet-based businesses, although the data is not currently detailed enough to be fully appreciable in web&nbsp;accessibility.</p>
<p>There is a more recent report, from the <a href="http://www.census.gov/hhes/www/disability/2006acs.html">2006 American Communities Survey</a>, but the data collection is organized differently, so I elected not to mix the two to avoid introducing errors caused by relating data sets which are not a definite match. Regardless, both sets of data include valuable information, and are well worth&nbsp;consulting. </p>
<p>The primary flaw in this period of American Communities Survey data is that it does not break out separate types of sensory disabilities; blindness and deafness are collapsed into a single category. Although both of these issues have a bearing on web accessibility, the response to the issues is so radically different that this is a major flaw in the data when it comes to web accessibility&nbsp;analysis.</p>
<p>More recent American Communities Surveys have broken this information down further. As of the 2008 questionnaire (<a href="http://www.census.gov/acs/www/SBasics/SQuest/SQuest1.htm">downloadable from the Census website</a>), sensory disabilities are separated between blindness/low vision and deaf/hard of&nbsp;hearing.</p>
<h3>Cornell University: Disability&nbsp;Statistics</h3>
<p>A third fabulous source for disability statistics (with easily the best interface of the group) is the <a href="http://www.ilr.cornell.edu/edi/disabilitystatistics/">Disability Statistics project at Cornell University</a>. The data is sourced from the American Communities Surveys and the 2000 United States Census, along with a few additional sources, so the base data is the same, but a greater variety of perspectives are&nbsp;available. </p>
<p>The Cornell database requires an account to access statistics, but they do provide free access using a public &#8220;guest&#8221; account. The email and password entered for the guest account are both&nbsp;&#8220;guest.&#8221;</p>
<h3>Issues with the&nbsp;Data</h3>
<p>It was necessary, of course, to summarize the data used for the report. However, each of those numbers should be viewed in context, as well. All of the data referenced is accessible as a Excel download from the U.S. Census Bureau (linked&nbsp;above).</p>
<p>The data is excellent for gaining an overview of the disabled population of the United States, but is not specific enough to give a clear sense of whether these disabilities will impact your web site. The statistics from the American with Disabilities report clearly state, for example, that 3.4% of individuals over 15 years of age have difficulty seeing; a total nearing 8 million people. However, exactly what is included in the data is hard to specify. The information was gathered by asking a series of questions, gathering whether the person had difficulty reading newsprint, etc. It doesn&#8217;t specify anything about the nature of the&nbsp;problem. </p>
<p>In general, my assumption is that the data may include some individuals who struggle with reading due to dyslexia, dependent on the exact phrasing of the questions, but not all, and presumably includes no or very few individuals with color&nbsp;blindness. </p>
<h4>Download the reports (all in <abbr title="Portable Document Format">PDF</abbr>&nbsp;format):</h4>
<ul>
<li><a href="http://www.census.gov/prod/2008pubs/p70-117.pdf">Americans with Disabilities:&nbsp;2005</a></li>
<li><a href="http://www.census.gov/hhes/www/disability/GQdisability.pdf">Disability Status and the Characteristics of People in Group&nbsp;Quarters</a></li>
<li><a href="http://www.census.gov/acs/www/AdvMeth/content_test/P4_Disability.pdf">	2006 ACS Content Test Evaluation Report Covering&nbsp;Disability</a></li>
</ul>
<p><strong><a href="http://www.joedolson.com/articles/2009/12/united-states-disability-statistics-measurement-and-sources/">United States disability statistics: Measurement and sources.</a></strong><br /><small>Copyright 2004&thinsp;&ndash;&thinsp;2010 Joseph C Dolson, Accessible Web&nbsp;Design</small></p>
<p><a href="http://feedads.g.doubleclick.net/~a/lQUbSKp8bTZb6LCSI6UDmcof34w/0/da"><img src="http://feedads.g.doubleclick.net/~a/lQUbSKp8bTZb6LCSI6UDmcof34w/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/lQUbSKp8bTZb6LCSI6UDmcof34w/1/da"><img src="http://feedads.g.doubleclick.net/~a/lQUbSKp8bTZb6LCSI6UDmcof34w/1/di" border="0" ismap="true"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=EMh4JWrgJ1o:wXoVI8l1kY8:cTv1dNCI_Tc"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=cTv1dNCI_Tc" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=EMh4JWrgJ1o:wXoVI8l1kY8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=EMh4JWrgJ1o:wXoVI8l1kY8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=EMh4JWrgJ1o:wXoVI8l1kY8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/AccessibleDesign?a=EMh4JWrgJ1o:wXoVI8l1kY8:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/AccessibleDesign?i=EMh4JWrgJ1o:wXoVI8l1kY8:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AccessibleDesign/~4/EMh4JWrgJ1o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.joedolson.com/articles/2009/12/united-states-disability-statistics-measurement-and-sources/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.joedolson.com/articles/2009/12/united-states-disability-statistics-measurement-and-sources/</feedburner:origLink></item>
	</channel>
</rss>
