<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/stylesheets/rss.css" type="text/css"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
  <channel>
    <title>Just a Thought...: Web Accessibility</title>
    <link>http://bloritsch.d-haven.net/articles/2009/08/04/web-accessibility</link>
    <language>en-us</language>
    <ttl>40</ttl>
    <description>Random thoughts</description>
    <item>
      <title>Web Accessibility</title>
      <description>&lt;p&gt;I&amp;#8217;ve been spending a lot of time looking into accessibility for web sites to finally get a grip on what needs to be done.  Sadly, it is overlooked by the big guys when it doesn&amp;#8217;t really have to be so hard.  There are several types of disabilities including:&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;Visual (full, partial, or color blindness; Photo-Epileptic Seizure [PES] susceptibility)&lt;/li&gt;
		&lt;li&gt;Motor control (full or partial disabilities preventing the use of a mouse)&lt;/li&gt;
		&lt;li&gt;Cognitive disorders (dyslexia and the like)&lt;/li&gt;
		&lt;li&gt;Auditory (full or partial deafness)&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;The main issue with accessibility is the lack of knowledge and reasonable resources available to help.  In particular, the tools that are needed to support people who have the disabilities are expensive and complicated.  There are tools available that everyone can have at their fingertips that will help.  Most are Firefox plugins, some require you to use an external site.  Below are a few of the resources I&amp;#8217;ve found:&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/402"&gt;Fangs screen reader emulator&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php"&gt;Color contrast analyzer&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.totalvalidator.com/"&gt;Total validator&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://colorfilter.wickline.org/"&gt;Colorblind Webpage Filter&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;The folks at &lt;a href="http://webaim.org/resources/quickref/"&gt;WebAIM&lt;/a&gt;  have several good recommendations.  For example, you know those &amp;#8220;edit in place&amp;#8221; controls on Flickr?  You can make them keyboard accessible by applying the attribute &amp;#8220;taborder=&amp;#8217;0&amp;#8217;&amp;#8221;.  The control will be in the page&amp;#8217;s natural tab order.  I did a little experimentation and the control supplied by &lt;a href="http://script.aculo.us"&gt;Script.aculo.us&lt;/a&gt;  can take care of all these things for you.  The only issue is that &lt;span class="caps"&gt;IE 6&lt;/span&gt; won&amp;#8217;t put the control in the tab order unless it is in the original markup.  Dynamically changing the &lt;span class="caps"&gt;DOM&lt;/span&gt; to put it in won&amp;#8217;t put the control in the tab order with that browser.&lt;/p&gt;</description>
      <pubDate>Tue, 04 Aug 2009 15:08:00 +0000</pubDate>
      <guid isPermaLink="false">urn:uuid:55c4782a-5a28-4025-91ca-5ebe7333c0ef</guid>
      <author>Berin Loritsch</author>
      <link>http://bloritsch.d-haven.net/articles/2009/08/04/web-accessibility</link>
      <category>accessibility</category>
      <category>web</category>
      <category>design</category>
      <category>tools</category>
    </item>
  </channel>
</rss>
