<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ClearType Press - Building a Better Government Web &#187; Washington DC</title>
	<atom:link href="http://cleartypemedia.com/press/tag/washington-dc/feed/" rel="self" type="application/rss+xml" />
	<link>http://cleartypemedia.com/press</link>
	<description>Dedicated to improving government web sites through best practices and social media.</description>
	<lastBuildDate>Mon, 12 Apr 2010 02:23:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Accessibility Camp DC</title>
		<link>http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/</link>
		<comments>http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 08:00:54 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[event coverage]]></category>
		<category><![CDATA[Washington DC]]></category>

		<guid isPermaLink="false">http://cleartypemedia.com/press/?p=85</guid>
		<description><![CDATA[As web designers and developers, we need to make sure the sites we build are user friendly to everyone. This is why accessibility is very important. This past Saturday, we attended the Accessibility Camp in Washington DC. We had a great time interacting with the experts and advocates in the field. In this article, we recap some of the sessions we attended. We hope you find it helpful.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-93" title="Accessibility Camp DC, October 10th, 2009" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_crowd1.jpg" alt="Accessibility Camp DC, October 10th, 2009" width="630" height="418" /></p>
<p class="init">One of the challenges when building government web sites is that the targeted audience range is diverse. This means we must ensure that our sites are accessible to everyone. In 1998, Congress introduced the <a href="http://www.section508.gov/index.cfm?FuseAction=Content&amp;ID=3">Section 508</a> of the <a href="http://www.access-board.gov/sec508/guide/act.htm">Rehabilitation Act</a>. Therefore, implementation of accessibility measures for government sites is not just a “nice to have,” but required by law.</p>
<blockquote><p>Section 508 was enacted to eliminate barriers in information technology, to make available new opportunities for people with disabilities, and to encourage development of technologies that will help achieve these goals.</p></blockquote>
<p>This past Saturday we attended the <a href="http://www.accessibilitycampdc.org/">Accessibility Camp DC</a>, organized by <a href="http://jfciii.com/">John F. Croston III</a>. John is a web developer and accessibility advocate working with the United States Army.</p>
<p>The event had a great turn out of a diverse group of users, administrators, developers and accessibility consultants &#8211; many of whom rely on <a href="http://en.wikipedia.org/wiki/Assistive_technology">assistive technology</a> &#8211; who were more than willing to share their insights. Organized in a bar camp/<a href="http://en.wikipedia.org/wiki/Unconference">unconference</a> fashion, the first activity of the event was creating a schedule of presentations and discussions from the list of suggested talks and topics on the event web site and from attendees volunteering to present or moderate. Special mention must be made of <a href="http://twitter.com/patricktimony">Patrick Timony</a> the Adaptive Services Division team at the <a href="http://www.dclibrary.org/dcpl/cwp/view.asp?a=1266&amp;q=565330"><abbr title="Martin Luther King, Jr.">MLK</abbr> Library</a> in D.C. who generously opened their facilities to us including standard convention amenities such as chairs, gathering spaces, Wifi and power outlets but also a <a href="http://en.wikipedia.org/wiki/Communication_Access_Real-Time_Translation">CART system</a> and sign language interpreters. The CART system offered real-time captioning (provided by <a href="http://www.2020captioning.com/">2020 Captioning</a>) projected onto a dedicated screen (the screen on the right side of the image, above) which not only increased the accessibility of the sessions (in that space) to attendees with a hearing impairment, but it also was a great tool for those of us taking notes and a perfect example of how accessible, inclusive design can increase overall usability.</p>
<p>Unfortunately, we couldn&#8217;t attend all of the sessions. Here are some sessions we attended:</p>
<ul>
<li><strong>Web Accessibility Initative, WCAG and 508</strong> &#8211; <a href="http://www.uiaccess.com/">Shawn Lawton Henry</a>, <a href="http://www.w3.org/WAI/">W3C-WAI</a></li>
<li><strong>Testing Techniques</strong> &#8211; Sam Johel, <a href="https://www.ssbbartgroup.com/">SSB Bart Group</a></li>
<li><strong>Government Project Management</strong> &#8211; <a href="http://www.fredline.com/">Fred Simonton</a> and James Chandler</li>
<li><strong>JAWS Screen Reader Demonstration</strong> &#8211; <a href="http://www.linkedin.com/in/jennison">Jennison Asuncion</a></li>
<li><strong>Is Your Website Accessible? Practical Ways to Make It So</strong> &#8211; <a href="http://www.jfciii.com">John F Croston III</a></li>
</ul>
<div class="divider">
<hr /></div>
<h2 id="wai-wcag-508">W3C WAI, Section 508, WCAG 2.0 and the Differences Between Them — Shawn Lawton Henry</h2>
<p><img class="alignnone size-full wp-image-97" title="Shawn Lawton Henry" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_shawn.jpg" alt="Shawn Lawton Henry" width="630" height="418" /></p>
<blockquote><p><a href="http://www.uiaccess.com/profile.html">Shawn Henry</a> leads worldwide education and outreach promoting web accessibility for people with disabilities at the W3C Web Accessibility Initiative (<a href="http://www.w3.org/WAI/">WAI</a>). Shawn focuses her personal passion for accessibility on bringing together the needs of individuals and the goals of organizations in designing human-computer interfaces. Her recent book, <cite><a href="http://www.uiaccess.com/JustAsk/"><strong>Just Ask</strong>: Integrating Accessibility Throughout Design</a></cite>, which is available free online, offers an approach for developing products that are more usable for everyone.</p></blockquote>
<p>Shawn&#8217;s presentation covered the history of various recommendations (standards) and policies including the <a href="http://www.w3.org/WAI/intro/wcag10docs.php">Web Content Accessibility Guidelines (WCAG) 1.0,</a> Section 508, <a href="http://www.w3.org/WAI/intro/wcag.php">WCAG 2.0</a>, <a href="http://www.w3.org/WAI/intro/atag.php">Authoring Tool Accessibility Guidelines   (ATAG)</a> and the differences between them. She described the process leading up to WCAG 2.0 and the “grumbling“ that followed. The community at large felt it was too full of technical jargon and didn&#8217;t contain enough real-world language. However, Shawn explained this criticism was a result of misunderstanding as this version of the Guidelines is written in technology-neutral language to better accommodate future technologies.</p>
<p>WCAG 1.0 focused specifically on HTML, CSS, JavaScript, PDF and Flash. In addition to the detailed Guidelines, the WCAG 2.0 document suite includes supporting materials that describe how to apply the Guidelines in technology-specific ways, such as in HTML documents. In her words, the technical standard is short &#8211; to facilitate stability &#8211; while the best practices are lengthy to be more specific.</p>
<p>Of particular interest to us was the discussion of the <a title="Update of the 508 Standards and the Telecommunications Act Guidelines" href="http://www.access-board.gov/sec508/update-index.htm">Section 508 Refresh</a> currently being undertaken by the <a href="http://www.access-board.gov/">United States Access Board</a>, which began in March, 2009. An audience member stated that Timothy Creagan at the Access Board said that advance notice of a public proposed rulemaking will be published later this year. When I asked Shawn how members of the community can provide feedback, she answered that there will be a window for public comment. This led to a larger discussion of how we as a community must raise issues to vendors, site owners, et al, in order to give them reasons to get accessibility prioritized within their organization.</p>
<p>A noteworthy takeaway from the discussion is that <strong>a stack of email messages complaining of issues sends a strong message and/or provides concrete evidence for site owners and project managers to prioritize accessibility</strong>. I added that this is especially important with the rise of purely community-based projects such as JavaScript frameworks (which are authoring tools themselves). Fortunately, the WAI is working on a document &#8220;<a href="http://www.w3.org/WAI/EO/Drafts/responding/">How to report inaccessible web sites</a>.&#8221;</p>
<div class="divider">
<hr /></div>
<h2 id="testing-techniques">Testing Techniques — Sam Johel, SSB Bart Group</h2>
<p><img class="alignnone size-full wp-image-98" title="Sam Johel" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_sam.jpg" alt="Sam Johel" width="630" height="418" /></p>
<p><a href="http://twitter.com/mixolydian">Sam Johel</a> is an accessibility consultant at the SSB BART Group in northern Virginia. His presentation described the process developed by SSB BART to quantify and qualify the accessibility of a site and the options available for testing. We hastily took down these notes during Sam&#8217;s presentation:</p>
<h3>Automated tools</h3>
<ul>
<li>fast, but notoriously prone to inaccurate results</li>
<li>Limited to HTML/CSS pages: cannot access non-HTML media</li>
<li>Unable to test the functional standards</li>
</ul>
<h3>Manual Review</h3>
<ul>
<li>Is a code-level review</li>
<li>Provides a much higher level of accuracy than automated tools</li>
<li>But, it must be done by humans, so it relies on extensive knowledge on the part of the tester and potential for error</li>
<li>Reviewing large volumes of code is far too time intensive</li>
</ul>
<h3>Use Case Testing</h3>
<ul>
<li>Common to quality assurance and accessibility testing</li>
<li>Involves specific tasks to be completed</li>
<li><strong>(At this point, Sam clarified that the true measure of a system&#8217;s level of accessibility is whether or not disabled users can use the system, not only complete a specific task)</strong></li>
<li>Just because a site is accessible does not mean it is compliant</li>
<li>Very <abbr title="Assistive technology">AT</abbr>-dependent; a site may be usable with <a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp">JAWS</a>, but not <a href="http://www.aisquared.com/zoomtext/">ZoomText</a></li>
</ul>
<p>Sam added that with the increased use of rich Internet applications, there is more need to run automated tests first (to catch the 20-25% of issues that can be identified by automated testing), then do manual testing to verify issues raised by automated tests and to find other issues. Finally, perform use-case testing (design workflows for disabled users to complete, go through system, note issues) to catch any other issues.</p>
<p>&#8220;We want our testing to be accurate and consistent.&#8221; SSB BART have broken down different standards (<em>e.g.</em>, 508, WCAG) to create a checklist of criteria &#8211; to test against &#8211; and best practices to produce consistent, repeatable results and defensible criteria. &#8220;The standards will change, so we create the best practices and map those to standards.&#8221;</p>
<div class="divider">
<hr /></div>
<h2 id="gov-project-management">Government Project Management — Fred Simonton and James Chandler</h2>
<p>Fred Simonton is an information technology specialist working at the <a href="http://www.loc.gov">Library of Congress</a> and James Chandler (<a href="http://twitter.com/uxprinciples">@uxprinciples</a>) is a consultant working with various agencies to ensure compliance. Together, they presented accessibility from the angle of management.</p>
<p>Fred spoke of the issue of 508 compliance within an agency and James continued the discussion with a very thought-provoking series of questions when he asked us these questions:</p>
<ol>
<li>Are you familiar with Section 508</li>
<li>If so, have you read the <a href="http://www.arnet.gov/far/">Federal Acquisition Regulation (FAR)</a> rules covering 508 &#8211; where it applies, to whom and so forth?</li>
<li>According to the FAR who is responsible for specifying 508 compliance?</li>
</ol>
<p>Fortunately for us, James laid out the responsibilities in detail &#8211; it is the role of the agency to specify the required compliance &#8211; and the risks that can be incurred if another party such as a contractor takes on that task. There was mention that it is a known issue within the federal government that 508 compliance is too-often part of acquisition document templates, even when it does not apply.</p>
<p>James pointed out that by not thinking about accessibility from the very beginning of project development it will end up being very costly. He stressed that it is up to the management and the  developers to be aware of ensuring web sites are accessible. Otherwise, future fixes will take much more resource and time.</p>
<div class="divider">
<hr /></div>
<h2 id="jaws-demo">JAWS Screen Reader Demonstration by Jennison Asuncion</h2>
<p><img class="alignnone size-full wp-image-112" title="Jennison Asuncion" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jennison.jpg" alt="Jennison Asuncion gives a demo on JAWS screen reader" width="630" height="418" /></p>
<p><a href="http://twitter.com/Jennison">Jennison Asuncion</a> is an accessibility consultant and a JAWS user and he gave a demonstration of some typical browsing scenarios for blind users. Fortunately for us, he slowed down the rate at which the words were read so we could follow along. He pointed out some tips, too, including (but not limited to):</p>
<ul>
<li>The <code>title</code> attribute is not read by default</li>
<li>All pages are linear to a screen reader user</li>
<li>Screen readers read from left to right, top to bottom</li>
</ul>
<div class="divider">
<hr /></div>
<h2 id="is-your-website">Is Your Website Accessible? by John F. Croston III</h2>
<p><img class="alignnone size-full wp-image-99" title="acdc_jfc" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jfc.jpg" alt="acdc_jfc" width="630" height="418" /></p>
<p>John&#8217;s presentation provided a great check list for making a website accessible and best practices. You can read his <a href="http://jfciii.com/presentations/wasp/accessibility.html">presentation</a> in its entirety on his site. Here are some of items to check for if your site is accessible or not:</p>
<h3>Text and Fonts</h3>
<p>Use proper size, leading, kerning and measure.</p>
<h3>Color and Contrast</h3>
<p>Text less than 18pt should have a color contrast of 4.5:1, and 3:1 for bigger text. <a href="http://snook.ca/technical/colour_contrast/colour.html">Color Contrast Checker</a> is a great tool for checking color contrast.</p>
<h3>Skip Nav</h3>
<p>Skip Nav is a link (sometimes hidden) within the page that allows screen reader users to skip to main content quickly, so they&#8217;re not forced to tab through all the top links.</p>
<h3>Tables</h3>
<p>HTML tables should written in semantic code. The &#8220;Summary&#8221; attribute is useful to tell the screen reader what the table is about.</p>
<h3>Forms</h3>
<p>An accessible form should use fieldset(s), legends(s), labels on input fields, and tab indexes.</p>
<h3>Screen Readers</h3>
<p>There are several popular screen readers. <a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp">JAWS</a>, <a href="http://www.gwmicro.com/Window-Eyes/">Window-Eyes</a>, and the free open source <a href="http://firevox.clcworld.net/">Fire Vox</a> (a Firefox extension)</p>
<h3>Accessibility Resources</h3>
<ul>
<li>W3C &#8211; <a href="http://www.w3.org/WAI/" target="_blank">Web Accessibility Initiative</a></li>
<li>W3C WAI &#8211; <a href="http://www.w3.org/WAI/intro/wcag" target="_blank">WCAG 2.0</a></li>
<li><a href="http://www.section508.gov/" target="_blank">Section 508</a></li>
<li>Aaron Gustafson &#8211; <a href="http://easy-reader.net/" target="_blank">http://easy-reader.net/ &#8211; blog</a></li>
<li>Aaron Gustafson &#8211; <a href="https://s3.amazonaws.com/ppt-download/learning-to-love-forms-webvisions-07-21033.pdf" target="_blank">Web Visions 07 Forms Presentation</a></li>
<li>Derek Featherstone- <a href="http://www.furtherahead.com/" target="_blank">http://www.furtherahead.com/</a></li>
<li>Ian Lloyd &#8211; <a href="http://lloydi.com/" target="_blank">http://lloydi.com/</a></li>
<li>Ian Lloyd &#8211; <a href="http://www.accessify.com/" target="_blank">http://www.accessify.com</a></li>
<li>Joe Clark &#8211; <a href="http://joeclark.org/" target="_blank">http://joeclark.org/</a></li>
<li>Joe Clark &#8211; <a href="http://fawny.org/" target="_blank">http://fawny.org/ &#8211; blog</a></li>
<li>Patrick Lauke &#8211; <a href="http://www.splintered.co.uk/" target="_blank">http://www.splintered.co.uk/</a></li>
</ul>
<div class="divider">
<hr /></div>
<h2>Photos</h2>

<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_crowd-2/' title='Accessibility Camp DC Oct, 09'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_crowd1-150x150.jpg" class="attachment-thumbnail" alt="Accessibility Camp DC Oct, 09" title="Accessibility Camp DC Oct, 09" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_jfc2/' title='John announcing the agenda for the day'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jfc2-150x150.jpg" class="attachment-thumbnail" alt="John announcing the agenda for the day" title="John announcing the agenda for the day" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_schedule/' title='Going over the board to set the schedule'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_schedule-150x150.jpg" class="attachment-thumbnail" alt="Going over the board to set the schedule" title="Going over the board to set the schedule" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_crowd3/' title='Nice turn out'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_crowd3-150x150.jpg" class="attachment-thumbnail" alt="Nice turn out" title="Nice turn out" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_shawn/' title='Shawn Henry speaks about WCAG'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_shawn-150x150.jpg" class="attachment-thumbnail" alt="Shawn Henry speaks about WCAG" title="Shawn Henry speaks about WCAG" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_david/' title='David asks Shawn about WCAG'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_david-150x150.jpg" class="attachment-thumbnail" alt="David asks Shawn about WCAG" title="David asks Shawn about WCAG" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_sam/' title='Sam speaks about unit testing'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_sam-150x150.jpg" class="attachment-thumbnail" alt="Sam speaks about unit testing" title="Sam speaks about unit testing" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_jennison/' title='Jennison demos JAWS'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jennison-150x150.jpg" class="attachment-thumbnail" alt="Jennison demos JAWS" title="Jennison demos JAWS" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_jaws2/' title='Crowd reaction to Jennison&#039;s JAWS demo'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jaws2-150x150.jpg" class="attachment-thumbnail" alt="Crowd reaction to Jennison&#039;s JAWS demo" title="Crowd reaction to Jennison&#039;s JAWS demo" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_jaws3/' title='Jennison&#039;s JAWS demo drew a lot of interest'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jaws3-150x150.jpg" class="attachment-thumbnail" alt="Jennison&#039;s JAWS demo drew a lot of interest" title="Jennison&#039;s JAWS demo drew a lot of interest" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_jfc3/' title='John speaks about accessibility checklists and best practices'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jfc3-150x150.jpg" class="attachment-thumbnail" alt="John speaks about accessibility checklists and best practices" title="John speaks about accessibility checklists and best practices" /></a>
<a href='http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/acdc_jfc/' title='John speaks about accessibility checklists and best practices'><img width="150" height="150" src="http://cleartypemedia.com/press/wp-content/uploads/2009/10/acdc_jfc-150x150.jpg" class="attachment-thumbnail" alt="John speaks about accessibility checklists and best practices" title="John speaks about accessibility checklists and best practices" /></a>

<h2>We Had a Great Time!</h2>
<p>All in all, it was a long day but we left inspired and energized. While we couldn&#8217;t take part in the after-camp festivities at the bar, we met many new people during the events and feel more connected to the community both personally and professionally. We&#8217;d like to thank John and other organizers for hosting the event, and speakers who shared their insights. We look forward to the next event!</p>
<p>P.S. If you attended the sessions we weren&#8217;t able to make, please share their information and materials. John has started collecting  <a href="http://www.accessibilitycampdc.org/slides.shtml">Accessibility Camp DC slides, blog posts and other links</a> and <a href="http://twitter.com/#search?q=%23accesscampdc">#accesscampdc</a> is still going strong. <em>Let&#8217;s keep the discussion going!</em></p>
<p>Thank you.</p>
]]></content:encoded>
			<wfw:commentRss>http://cleartypemedia.com/press/2009/10/accessibility-camp-dc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

