<?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>Shut the door on your way out, Cicero…</title>
	<atom:link href="http://www.richardingram.co.uk/category/accessibility/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.richardingram.co.uk</link>
	<description>Richard Ingram&#039;s blog about content strategy, information design, and web accessibility</description>
	<lastBuildDate>Tue, 17 Dec 2013 22:38:38 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.42</generator>
	<item>
		<title>The computer brought her the world</title>
		<link>http://www.richardingram.co.uk/2010/09/the-computer-brought-her-the-world/</link>
		<comments>http://www.richardingram.co.uk/2010/09/the-computer-brought-her-the-world/#comments</comments>
		<pubDate>Tue, 21 Sep 2010 15:32:15 +0000</pubDate>
		<dc:creator><![CDATA[Richard]]></dc:creator>
				<category><![CDATA[accessibility]]></category>

		<guid isPermaLink="false">http://www.richardingram.co.uk/?p=946</guid>
		<description><![CDATA[As a British resident I'm not aware of how well known the story of Martha Mason is over in the States, but from the limited material I've been able to gather thus far she sounds about as inspirational a person as you're likely to hear. I don't think there are many better demonstrations of the web improving a person's quality of life.]]></description>
				<content:encoded><![CDATA[<p class="lead">As a British resident it&#8217;s hard to gauge how well known the story of <a class="external" title="External link: Wikipedia entry for Martha Mason" href="http://en.wikipedia.org/wiki/Martha_Mason_%28writer%29">Martha Mason</a> is over in the United States, but from the limited material I&#8217;ve been able to gather thus far she sounds about as inspirational a person as you&#8217;re likely to hear.</p>
<p>After being paralysed from the neck down as a result of childhood <a class="external" title="External link: Wikipedia entry for polio" href="http://en.wikipedia.org/wiki/Polio">polio</a>, Martha lived for more than 60 years in an <a class="external" title="External link: Wikipedia entry for an iron lung" href="http://en.wikipedia.org/wiki/Iron_lung">iron lung</a> &#8211; a 7-foot-long, 800-pound iron cylinder that encased all but her head. But rather than letting the situation put paid to her dreams of becoming a writer she determinedly and bravely continued her education. With the support of her parents &#8211; to the extent that they moved in to assist her while on campus &#8211; she excelled academically and swiftly landed a job as a journalist at a local paper following her graduation, with her articles dictated word-by-word to her mother.</p>
<p>Subsequent events, including the illness and death of her parents, meant that for decades she had little choice but to suspend the career she&#8217;d fought and studied hard for &#8211; that is, until she acquired a voice-activated computer with access to the web in the mid-to-late 90&#8217;s. Suddenly, with the aid of a microphone and associated assistive software, she could at last resume writing &#8211; only this time unaided. In 2003 she <a class="external" title="External link: Amazon.com page for Martha Mason's book &quot;Breath: Life in the Rhythm of an Iron Lung&quot;" href="http://www.amazon.com/Breath-Life-Rhythm-Iron-Lung/dp/1878086952">published her memoirs</a> and in 2005 became the subject of a documentary film “<a class="external" title="External link: IMDB entry for Martha Mason documentary film" href="http://www.imdb.com/title/tt0819663/">Martha in Lattimore</a>”.</p>
<p>The New York Times, <a class="external" title="External link: New York Times article on Martha Mason's death aged 71" href="http://www.nytimes.com/2009/05/10/us/10mason.html?_r=1">reporting on her death in 2009 aged 71</a>, beautifully summed up the freedom the web-enabled computer gave her:</p>
<blockquote><p>With e-mail capability and Internet access the computer brought her the world. There, in her childhood home, with a microphone at her mouth and the music of the iron lung for company, she wrote her life story sentence by sentence in her soft Southern voice, with her own breath.</p></blockquote>
<p>I don&#8217;t think there are many better demonstrations of the web improving a person&#8217;s quality of life.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richardingram.co.uk/2010/09/the-computer-brought-her-the-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The need for accurate and timely captions</title>
		<link>http://www.richardingram.co.uk/2010/06/the-need-for-accurate-and-timely-captions/</link>
		<comments>http://www.richardingram.co.uk/2010/06/the-need-for-accurate-and-timely-captions/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 19:43:59 +0000</pubDate>
		<dc:creator><![CDATA[Richard]]></dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[captioning]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[transcripts]]></category>

		<guid isPermaLink="false">http://www.richardingram.co.uk/?p=710</guid>
		<description><![CDATA[After offering guarded praise to YouTube in my last post for their auto-captioning feature for English language videos I had the urge over the weekend to test how accurate and timely they really were.
So by uploading a publicly licenced video from the Internet Archive, which demonstrates how to download, print, and make a book, I was able to compare my own captions created using the free caption- and audio-description authoring tool MAGpie with those that YouTube had extracted.]]></description>
				<content:encoded><![CDATA[<p class="lead">After offering guarded praise to YouTube in <a title="Work accessibility into your content strategy" href="/2010/05/work-accessibility-into-your-content-strategy/">my last post</a> for their  auto-captioning feature for English language videos I had the urge over the weekend to  test how accurate and timely they really were.</p>
<p>So by uploading a publicly licenced video from the Internet  Archive, which demonstrates <a class="external" title="External link" href="http://www.archive.org/details/HowToMakeABookmov">how to download, print, and make a book</a>, I was able to compare my own captions created using the <a class="external" title="External link" href="http://ncam.wgbh.org/invent_build/web_multimedia/tools-guidelines/magpie">free caption- and audio-description authoring tool MAGpie</a> with those that YouTube had extracted.</p>
<p>The result? Oh dear. Even on a video with a clear audio track YouTube&#8217;s machine captions bore little relation to my own. According to their interpretation we were making money instead of a book,  &#8216;downloading&#8217; from the war in Iraq, and killing &#8216;players&#8217; from the other side of a pond. Ideal fodder for weak puns perhaps, but I was hoping for a little more accuracy.</p>
<p>Captions that are timely and accurate can play an important role for  people who are deaf or hard of hearing. YouTube can only claim to provide the former; the latter will always require significant human intervention.</p>
<p><strong>Note:</strong> If you&#8217;re reading via RSS, you&#8217;ll need to visit the blog to access this video content. Transcripts have been provided for those without Flash installed or Javascript enabled.</p>
<h2>My captions using MAGpie v2.5.1</h2>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/myA6aWFi_sM&amp;hl=en_GB&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/myA6aWFi_sM&amp;hl=en_GB&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>Transcript for my captions using MAGpie v2.5.1</h3>
<p class="transcript">How to make a book. Bookmaking with the Internet Bookmobile Setup.</p>
<p class="transcript">Making a book with the Internet Bookmobile Setup is a very simple process and can be broken down into four main steps: Printing, Cutting, Binding &amp; Scoring, and Trimming.</p>
<h4 class="transcript_heading">Printing</h4>
<p class="transcript">Digital books can be found on the Internet Archives website at www.archive.org.</p>
<p class="transcript">First, select and download your book from the Internet Archive. Once you have found a book you&#8217;d like to print click the DJVU Download button to download and view the text. The book should appear in your web browser.</p>
<p class="transcript">To print the book click File &gt; Print on the browser to bring up the print dialog box. Once the print dialog box has been opened click on the button labelled Properties. Under the Finishing tab check Print on Both Sides and then under the down arrow beneath it select Letter (Left Binding) for a letter sized Western language book. For books that require right binding, for instance Arabic books, click Letter (Right Binding).</p>
<p class="transcript">Next, download the book&#8217;s cover. To print the cover load your printer with a heavier paper simply click the File &gt; Print and then click OK.</p>
<h4 class="transcript_heading">Cutting</h4>
<p class="transcript">Once the book has finished printing place the paper in your Triumph cutter, setting the cutter measurement bar by turning the hand crank to half the length of your paper. So, if you have printed on letter paper which is 11 inches, set the cutter to 5½ inches.</p>
<p class="transcript">Clamp the paper down, close the hand guard, pull the red release, and cut.</p>
<h4 class="transcript_heading">Binding &amp; Scoring</h4>
<p class="transcript">In order to bind and score your book you&#8217;ll use two machines: a binder and a scorer.</p>
<p class="transcript">If your book is a western language book place the stack of paper with its left edge into the Powis Parker Model 15 binder. If it is an Arabic book place the book with its right edge into the binder. Press the large green button. Take the appropriate strip and feed it into the purple tray remove the book and place it on the cooling rack for approximately 10 minutes, or until cool to the touch.</p>
<p class="transcript">To score the cover, measure the width of the book on the orange measuring plate on the Powis Parker scorer. Place the cover into position 1 on the scorer, turn the green ball to the left, placing pressure at the bottom of the motion. Move the cover into position 2 and turn the green ball again to place the next score.</p>
<p class="transcript">Now, lie the cover face down on a flat surface. Place the book to the right of the scores if it&#8217;s a Western language book. If the book is an Arabic book place the book to the left of the scores.</p>
<p class="transcript">Peel away the top layer of the binding strip fold the cover around the exposed glue, pressing it down firmly. Flip the book and peel the top layer from the other side of the book. Place the book onto its front cover and peel the top layer away from the other side of the binding. Wrap the other half of the cover around the book, pressing the cover firmly against the spine of the book.</p>
<h4 class="transcript_heading">Trimming</h4>
<p class="transcript">You should now have a book that is complete except for its ragged edges. To finish the book simply cut all the exposed edges: side, top, and bottom.</p>
<p class="transcript">When lining up the book remember to clamp down the paper, close the hand guard, pull the red release, and then cut. And now you have a book.</p>
<h2>YouTube&#8217;s automatic captioning</h2>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/aD1YDRW3t_4&amp;hl=en_GB&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/aD1YDRW3t_4&amp;hl=en_GB&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>Transcript for YouTube&#8217;s automatic captioning</h3>
<p class="transcript">How to make a buck. Both making with the in an epoch mobile said.</p>
<p class="transcript">Making a book with the internet but mobile senate is a very simple process and to be broken down into for means that printing, cutting, finding in scoring, and training.</p>
<h4 class="transcript_heading">Printing</h4>
<p class="transcript">Digital books can be found in the internet archives web site at WWW that archive Iraq war.</p>
<p class="transcript">First selecting down load your book from the Internet Archive. Once you have found it but you&#8217;d like to paint quickly deja vu down the one to downloading view the text. The book should appear in your weapons.</p>
<p class="transcript">To print the puck quick file print on the browser to bring up the print dialogue box. Once the print island parks has been opened click on the button label properties. Under the finishing time think both sides and then under the down a rope in needed select letter left finding for a letter size Western language book. For books that require a finding for instance Arabic books correct letter right back.</p>
<p class="transcript">Next download the book&#8217;s cover. The cover load your printer with the heavier simply click the final French have been quick okay.</p>
<h4 class="transcript_heading">Cutting</h4>
<p class="transcript">Once the book is finished print it place the papers in your Triumph Carter setting the Carter mission and bar by turning the hand crank to half the length of your paper. So if you have printed on letter paper which is even inches set the cutter to five and a half inches.</p>
<p class="transcript">Clint the paper down close the hand guard poll the red released and cut.</p>
<h4 class="transcript_heading">Finding things going</h4>
<p class="transcript">In order to binding score your book you used to machines: the binder at its core. If your book is in Western dang which book please to stack of paper with its left adage into the Palace Parker model fifteen bind. If it isn&#8217;t every a place the book with its wreckage into the binder. Pressed the large green pat. Take the appropriate that and feed into the perpetrator remove the book in place it on the cooling raq for approximately ten minutes all right so cool to the touch.</p>
<p class="transcript">To score the cover measure the width of the book on the orange measuring plate on the Palace Parker score. Please the cover into position one on this score turn the green ball to the left placing pressure at the bottom of the motion. Move the current position to in turn the green ball again to place the next school.</p>
<p class="transcript">Now, by the cover face-down on a flat surface. Place the book to the right of the scores if it&#8217;s a Western nine which broke. If the book is in Arabic book place the book to the left of the score. If you leave the top layer of the bunch old cover round exposed to precedent down for me. But the book and killed a top player from the other side of the book. Place the book on trips front cover and killed a top player away from the other side of the pond. Rap the other half of the cover around the book on the cover firmly against this time at the puck.</p>
<h4 class="transcript_heading">Training</h4>
<p class="transcript">You should now have a book that is concrete except for its ragged edges. To finish the book simply cut all the exposed edges: side, top, and Bob. When lining up the book remember to clamp down the paper close at hand are pull the middle east and then pat. And now you have a book.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richardingram.co.uk/2010/06/the-need-for-accurate-and-timely-captions/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Work accessibility into your content strategy</title>
		<link>http://www.richardingram.co.uk/2010/05/work-accessibility-into-your-content-strategy/</link>
		<comments>http://www.richardingram.co.uk/2010/05/work-accessibility-into-your-content-strategy/#comments</comments>
		<pubDate>Tue, 25 May 2010 15:00:45 +0000</pubDate>
		<dc:creator><![CDATA[Richard]]></dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[wcag]]></category>

		<guid isPermaLink="false">http://www.richardingram.co.uk/?p=645</guid>
		<description><![CDATA[Without question the most effective way of making audio and visual content accessible to the widest audience - including those with disabilities - is through the provision of text-based alternatives. Why? Because information rendered in electronic text can be easily enlarged for people with low vision, spoken aloud so that it's easier for people with reading disabilities to understand, or rendered in whatever tactile form best meets the needs of a user. So what are some of the text-based options available to us for different types of audio and visual content? What could we be doing? What should we be doing? And how can a web content strategy help?]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.flickr.com/photos/7819129@N07/4637908317/"><img class="size-full wp-image-681 aligncenter" title="External link to Flickr" src="http://www.richardingram.co.uk/wp-content/uploads/2010/05/text_alternative_diagram.jpg" alt="A diagram explaining which text-alternatives are suitable for types of non-text content" width="600" height="274" /></a></p>
<p><strong>Because the modern web offers us an unprecedented level of access to information and interaction through audio and visual media &#8211; becoming both an integral part of the overall experience and an important method of delivering content to the end-user &#8211; what can we do to help people with disabilities enjoy an equivalent experience?</strong></p>
<p>Without question the most effective way of making this kind of content accessible to the widest audience &#8211; including those with disabilities &#8211; is through the provision of text-based alternatives. Why? Because information rendered in electronic text can be easily enlarged for people with low vision, spoken aloud so that it&#8217;s easier for people with reading disabilities to understand, or rendered in whatever tactile form best meets the needs of a user.</p>
<p>So what are some of the text-based options available to us for different types of audio and visual content? What could we be doing? What should we be doing?</p>
<h2>Audio-video content</h2>
<h3>Live video broadcasts</h3>
<p>Any video content on the web that isn&#8217;t described in text poses a potential barrier for people with disabilities. So by providing a <a title="External link: Providing a descriptive label" href="http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G68"><em>descriptive label</em></a> (Level A: to achieve minimum level of accessibility) of the live video content&#8217;s purpose you can ensure that, even if access cannot be achieved, a user can at least determine what the non-text content is.</p>
<p>This is really easy to do and it makes such a difference. Don&#8217;t forget, it&#8217;s more than likely that while planning this content someone, somewhere will have written a more than adequate description anyway. Bash it into shape, tidy it up, and use it.</p>
<p>For UK residents the BBC News website offers a 24-hour live video feed of its rolling news channel (<a href="#figure1">Figure 1</a>). They provide a very brief description of the channel, ways that you can contribute, as well as a polite reminder that you&#8217;ll still need a TV licence to stream the feed.</p>
<div id="attachment_650" style="width: 610px" class="wp-caption aligncenter"><img id="figure1" class="size-full wp-image-650 " title="bbc live video" src="http://www.richardingram.co.uk/wp-content/uploads/2010/05/bbc_live_video.jpg" alt="Live stream of the BBC News channel" width="600" height="404" /><p class="wp-caption-text">Figure 1 - Live stream of the BBC News channel</p></div>
<p>Another option might be to offer <a title="External link: Understanding live captioning" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-real-time-captions.html"><em>captioning</em></a> (Level AA: enhanced level of accessibility) as an alternative to the live audio track. This will enable people who are deaf or hard of hearing to watch real-time audio-visual content. Captioning not only includes dialogue, but also identifies who is speaking and other notate sound effects that affect comprehension.</p>
<p>What&#8217;s that? Am I seriously suggesting you go to such lengths as to hire an out-of-work <a title="External link: Wikipedia - Court Reporter" href="http://en.wikipedia.org/wiki/Court_reporter">court reporter</a> to relay the dialogue of your live webcast or seminar? I think it largely depends on your audience and the nature of your broadcast.</p>
<p>If you&#8217;re, let&#8217;s say, a college or university offering a series of live video lectures to your students then it&#8217;s more than likely there&#8217;s a policy of some kind requiring accessibility of online instructional material (or something to that effect). Whereas if you&#8217;re a small start-up conducting a one-off live webcast, presuming you&#8217;ve make it clear from the outset that real-time captions are not being supplied, providing everyone with a descriptive label, which introduces the host(s) and lists the topics you&#8217;re aiming to cover, will suffice. If you then have plans to publish the webcast in its recorded form at a later date then look at providing captions or a full transcript of the dialogue.</p>
<h3>Prerecorded video</h3>
<p>Aha. Now everything has been recorded and cut to your exact requirements suddenly providing a text alternative like <a title="External link: Understanding recorded captioning" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-captions.html"><em>captioning</em></a> (Level A) doesn&#8217;t seem quite so daunting a prospect does it? You won&#8217;t have to worry about the <a title="External link" href="http://www.youtube.com/watch?v=nnZfvCsJXIo">perils of live broadcasting</a>, or whether there&#8217;d have been enough time to cross-check the captions for spelling, style, or even legal pitfalls.</p>
<p>Depending on how the content is presented to the user not all prerecorded video requires captioning. <a title="External link" href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/#media-equiv-captions">The W3C&#8217;s WCAG 2.0 recommendations state</a> that:</p>
<blockquote><p>Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labelled as such.</p></blockquote>
<p>What they mean by a media alternative is content that presents no more information than is already presented in text.</p>
<p>Take this <a title="External link" href="http://www.cricinfo.com/magazine/content/story/459457.html">recorded interview on Cricinfo.com</a> (<a href="#figure2">Figure 2</a>), because they&#8217;ve offered a clear choice of either watching or reading the interview via a <a title="External link: Understanding text alternatives for prerecorded content" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-av-only-alt.html"><em>text transcript</em></a> (Level A) no captions were required. But if the video content had offered a different take to what is represented in text form then they would have needed to provide captions. That&#8217;s clear enough.</p>
<div id="attachment_652" style="width: 610px" class="wp-caption aligncenter"><img id="figure2" class="size-full wp-image-652 " title="cricinfo recorded video" src="http://www.richardingram.co.uk/wp-content/uploads/2010/05/cricinfo_recorded_video.jpg" alt="Figure # - Prerecorded interview on Cricinfo.com with full transcript" width="600" height="404" /><p class="wp-caption-text">Figure 2 - Prerecorded interview on Cricinfo.com with full transcript</p></div>
<p>It&#8217;s likely some clients will have concerns about the effect that providing a text alternative to prerecorded video will have on the speed of the publishing process. The way I look at it is this: if you&#8217;ve missed the live version of your favourite radio show you know and expect there&#8217;ll be a short wait for the recorded version to be cut and uploaded to the web. I don&#8217;t believe there&#8217;s anything wrong with providing captions or a text transcript at a later date. Just make it clear where and when a text alternative will be available.</p>
<p>There are some <a title="External link" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-captions.html#media-equiv-captions-resources-head">excellent resources available for online captioning</a> and since March YouTube have offered an <a title="External link" href="http://youtube-global.blogspot.com/2010/03/future-will-be-captioned-improving.html">automatic captioning feature for all English language videos</a>. I&#8217;m led to believe that a clear audio track can produce some very impressive results. Hats off to them I say.</p>
<p>Now, to paraphrase Napoleon&#8217;s revision to the Seven Commandments in <a title="External link" href="http://en.wikipedia.org/wiki/Animal_Farm">George Orwell&#8217;s Animal Farm</a>: some alternatives for non-text content offer a more equivalent experience than others. Captions, while an unquestionably important way of providing people who are deaf or hard of hearing with an equivalent experience of prerecorded video content, don&#8217;t offer quite the same level of immersion and understanding that an on-screen interpreter can provide for those fluent in a <a title="External link: Understanding sign language interpretation" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-sign.html"><em>sign language</em></a> (Level AAA: additional accessibility enhancement). Again, choosing this route depends on your audience, location, policies, and resources.</p>
<h2>Audio-only content</h2>
<h3>Live audio broadcasts</h3>
<p>Similar to the challenges posed by broadcasting live video, the use of a <a title="External link: Providing a descriptive label" href="http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G68"><em>descriptive label</em></a> (Level A) ensures that, even if a user cannot access the live audio-only content, its purpose is clear.</p>
<p>A good demonstration of an effective description for a live audio feeds is the BBC&#8217;s iPlayer (<a href="#figure3">Figure 3</a>). They provide the user with helpful information such as the names and time slots of the incumbent and following presenters and a brief description of today&#8217;s show.</p>
<div id="attachment_653" style="width: 610px" class="wp-caption aligncenter"><img id="figure3" class="size-full wp-image-653 " title="bbc live audio" src="http://www.richardingram.co.uk/wp-content/uploads/2010/05/bbc_live_audio.jpg" alt="Live audio stream of BBC 6 Music" width="600" height="404" /><p class="wp-caption-text">Figure 3 - Live audio stream of BBC 6 Music on iPlayer</p></div>
<h3>Prerecorded audio</h3>
<p>For a person who is deaf or with a mild to moderate hearing impairment <a title="External link: Understanding text alternatives for prerecorded content" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-av-only-alt.html"><em>text transcripts</em></a> (Level A) are relied upon for comprehension of prerecorded audio-only content. Furthermore, individuals with visual and auditory perceptual disabilities, including dyslexia, may also benefit from getting information through more than one source at the same time.</p>
<p>Offering more than just a blow-by-blow record of who said what during a sound recording, a text transcript should also contain descriptions of significant sounds and key actions that take place &#8211; say if someone produces a mobile phone from their pocket to demonstrate a new ringtone or a door slams shut.</p>
<p>A good example of a text transcript can also be found at Cricinfo.com. Their <a title="External link" href="http://www.cricinfo.com/talk/content/multimedia/459921.html">Cricinfo Talk podcast</a> (<a href="#figure4">Figure 4</a>) is available to play through the website, but they&#8217;ve also provided a full transcript of the dialogue.</p>
<div id="attachment_655" style="width: 610px" class="wp-caption aligncenter"><img id="figure4" class="size-full wp-image-655 " title="cricinfo recorded audio" src="http://www.richardingram.co.uk/wp-content/uploads/2010/05/cricinfo_recorded_audio.jpg" alt="Prerecorded audio on Cricinfo.com with full transcript" width="600" height="404" /><p class="wp-caption-text">Figure 4 - Prerecorded audio on Cricinfo.com with full transcript</p></div>
<p>Again, the thought of having to produce a text transcript for every new piece of audio-only content may concern some clients. But there are services out there that can help you <a title="External link" href="http://castingwords.com/">publish good quality text transcripts</a> if you lack the in-house resources or time. If you&#8217;ve used a script to create the prerecorded audio content then there really is no excuse. It&#8217;ll give you a great starting point and need only require a few corrections for it to closely reflect the actual recording.</p>
<h2>Charts and graphs</h2>
<p>For a blind or low vision user the information contained in a chart or graph may be difficult or impossible to comprehend without a text alternative.</p>
<p>What form the text alternative takes depends on how the chart and graph has been presented. If one or more have been used to supplement an article, which outlines or explains the data contained within, then that can serve as the text alternative (<a href="#figure5">Figure 5</a>).</p>
<div id="attachment_674" style="width: 610px" class="wp-caption aligncenter"><img id="figure5" class="size-full wp-image-674 " title="bbc graph description" src="http://www.richardingram.co.uk/wp-content/uploads/2010/05/bbc_graph_description1.jpg" alt="Figure 5 - BBC News article using supplementary graphics" width="600" height="404" /><p class="wp-caption-text">Figure 5 - BBC News article using supplementary graphics</p></div>
<p>But sometimes the text needed to serve the same purpose and present the same information as the chart or graph is too lengthy, or there is limited space. In this instance a hidden or external <a title="External link: Providing an external long description" href="http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G73.html"><em>long description</em></a> (Level A) can provide the user with helpful information on the type of chart used and a detailed summary of the data, trends, and implications. And, where possible and practical, the actual data is provided in tabular form.</p>
<p>Hiding it can mean linking to a separate page by way of the <code>longdesc</code> attribute within the <code>img</code> tag, but there are CSS positioning tricks you can use to effectively <a title="External link" href="http://www.stuffandnonsense.co.uk/archives/accessible_alternatives.html">shift the long description from view</a>, but for anyone viewing the page using a text-only browser or having it relayed via a screen reader this information would be visible.</p>
<h2>A little daunted? A content strategy can help…</h2>
<p>I believe that to stand the best chance of successfully introducing and adopting the processes, technology, and techniques required to provide an increased level of accessibility to our users, we have to take responsibility for the way our web content is planned, created, delivered, and governed. That means assimilating accessibility into a web content strategy.</p>
<p>Because it&#8217;s all about breaking our content down into the smallest re-purposeful chunks, for use across a whole host of different mediums and technologies, consider how much easier a web content strategy would make providing text alternatives for non-text content? It&#8217;ll allow audio and visual content to be rendered in a variety of ways by a variety of <a title="External link: Definition of assistive technologies" href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/#atdef">assistive technologies</a>.</p>
<p>It&#8217;s also about getting everyone who interacts with web content (surely everyone now, right?) on board. Your technical team may need to make changes to the way content is published so that assistive technologies can recognise it and react to it. Your workflow may need to be altered to reflect the production of text-based alternatives. Your page templates may need to be revised to accommodate further content. All that and more is considered part of the strategy.</p>
<p>So what now? Do you conduct an audit to find out what existing content you could provide text alternatives for? Would a more sensible plan be to start from this point forward? It depends, but you can&#8217;t go too far wrong by prioritising. Before you ask how much non-text content already exists you have to ask how much of it is considered integral to the key tasks performed on the website? If that 60 second video demonstration of your web application in action plays an important part in selling its benefits then I believe, regardless of how long it&#8217;s been present on the website, you should look to offer a text-based alternative.</p>
<h2>Why should I or my clients care about accessibility?</h2>
<p>It goes beyond nobility. Whether it&#8217;s buying what you sell, making a donation, or simply getting in touch, creating content that is accessible to people with disabilities will allow more people the opportunity to interact, enjoy, and be stimulated by your web presence.</p>
<p>And as the general population in developed nations ages, and with it an increase in the number of people with functional limitations, it is essential that the traditional and existing resources that are being replaced by the web &#8211; from <a title="External link" href="http://www.hmrc.gov.uk/vat/vat-online/submit.htm">submitting a VAT Return</a> to checking your bank balance &#8211; are effective, efficient and satisfying for all.</p>
<h4>Sources and resources</h4>
<ul>
<li style="font-size: 85%;"><a title="External link" href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines (WCAG) 2.0</a></li>
<li style="font-size: 85%;"><a title="External link" href="http://www.webaim.org/standards/wcag/checklist">WebAIM&#8217;s WCAG 2.0 Checklist</a></li>
<li style="font-size: 85%;"><a title="External link" href="http://www.w3.org/WAI/">Web Accessibility Initiative (WAI)</a></li>
<li style="font-size: 85%;"><a title="External link" href="http://www.friendsofed.com/web-accessibility/index.html">Web Accessibility: Web Standards and Regulatory Compliance</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.richardingram.co.uk/2010/05/work-accessibility-into-your-content-strategy/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Colour blindness and the web</title>
		<link>http://www.richardingram.co.uk/2010/03/colour-blindness-and-the-web/</link>
		<comments>http://www.richardingram.co.uk/2010/03/colour-blindness-and-the-web/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 17:28:11 +0000</pubDate>
		<dc:creator><![CDATA[Richard]]></dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[visual information]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.richardingram.co.uk/?p=435</guid>
		<description><![CDATA[Genetically inherited - or acquired through illness, accident or poisoning - colour blindness is a condition affecting approximately 8% of men and 1% of women in developed nations. The absence or altered sensitivity of one of the three cone receptors at the back of your eyes causes the individual difficulty in distinguishing certain colours from one another. While not a disability, the condition can at times be frustrating. I'm sure anyone with a form of colour blindness has fielded many a 'what colour does this pencil look to you?' question ad nauseam.]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.flickr.com/photos/acidcookie/185261514/"><img class="size-full wp-image-432 aligncenter" title="'Wheel of Fortune' by Anne Oeldorf-Hirsch" src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/wheel_of_fortune.jpg" alt="Three types of colour vision deficiency" width="600" height="274" /></a></p>
<p><strong>As a small child at infant school (</strong><strong>aged around 4/5)</strong><strong> I once painted a picture of a tree. It gained some attention. Not because its mature brush strokes and grasp of perspective belied my tender years (it really hadn&#8217;t) but because I&#8217;d managed to get my colours in a hideous muddle. Now, get a mental picture of your archetypal tree. I&#8217;m thinking a rich brown trunk and branches with fresh green leaves and maybe a few cherry red apples thrown in for good measure. Close enough? Well, rather than displaying an early attempt at artistic arrogance I&#8217;d simply painted the colours I thought I saw: green for its trunk and brown for the leaves.<br />
</strong></p>
<p>Fast forward 7 or so years and you&#8217;d find me squinting at a book containing a series of single circles made up of various sizes of coloured dots &#8211; I was taking the <a title="Wikipedia - Ishihara colour test" href="http://en.wikipedia.org/wiki/Ishihara_colour_test">Ishihara colour test</a> (Figure 1). Asked if I could clearly see a number embedded in each of the circles I confidently read out the first few, but they quickly became more difficult to decipher until I had to admit defeat. After that I was told I was colour blind. &#8216;Thanks, do I get a sticker?&#8217;</p>
<div id="attachment_412" style="width: 610px" class="wp-caption aligncenter"><img class="size-full wp-image-412 " title="Ishihara colour plates" src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/ishihara_colour_plates.jpg" alt="Can you see all the numbers? - Ishihara colour test plates (via Wikipedia)" width="600" height="140" /><p class="wp-caption-text">Figure 1 - Ishihara colour test plates - can you see all the numbers? Answers below (via Wikipedia).</p></div>
<h2>Colour blindness: what is it and what causes it?</h2>
<p>Genetically inherited &#8211; or acquired through illness, accident or poisoning &#8211; colour blindness is a condition affecting approximately 8% of men and 1% of women in developed nations. The absence or altered sensitivity of one of the three <a title="Wikipedia - Cone cell" href="http://en.wikipedia.org/wiki/Cone_cell">cone receptors at the back of your eyes</a> causes the individual difficulty in distinguishing certain colours from one another. While not a disability, the condition can at times be frustrating. I&#8217;m sure anyone with a form of colour blindness has fielded many a &#8216;what colour does this pencil look to you?&#8217; question <em>ad nauseam</em>.</p>
<p>Blindness is perhaps a misleading description as it wrongly suggests that an individual is <em>blind</em> to colour &#8211; or sees things only in black and white. To say they have a colour vision <em>deficiency</em> seems a more apt description of the condition, so I&#8217;ll proceed with that.</p>
<h2>What are the most common forms of the condition?</h2>
<h3>Green weakness</h3>
<ul>
<li><strong>Deuteranopia</strong> [<em>doo-ter-uh-noh-pee-uh</em>] is the absence of green sensitivity, causing confusion between red, green, blue, and purple (Figure 2). It only affects approximately 1% of males.</li>
<li><strong>Deuteranomaly</strong> [<em>doo-ter-uh-nom-uh-lee</em>] is a green sensitivity and the most common form of colour deficiency, affecting approximately 6% of males and 0.4% of females. Under certain lighting conditions those affected can mistake darker greens for black.</li>
</ul>
<h4>How might someone with a green weakness see an image?</h4>
<div id="attachment_422" style="width: 535px" class="wp-caption aligncenter"><img class="size-full wp-image-422 " title="Wheel of Fortune - Deuteranopia" src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/colour_wheel_deuteranopia.jpg" alt="Figure 2 - A representation of Deuteranopic vision (generated with Vischeck tool)" width="525" height="213" /><p class="wp-caption-text">Figure 2 - A representation of Deuteranopic vision (generated with Vischeck tool)</p></div>
<h3>Red weakness</h3>
<ul>
<li><strong>Protanopia</strong> [<em>proht-n-oh-pee-uh</em>] is the absence of red sensitivity, resulting in confusion between red, green, brown, and some purple hues (Figure 3). It only affects approximately 1% of males.</li>
<li><strong>Protanomaly</strong> [<em>proht-n-om-uh-lee</em>] is a red sensitivity. Those affected will see darker reds to the extent where they can be mistaken for black. It only affects approximately 1% of males and 0.01% of females.</li>
</ul>
<h4>How might someone with a red weakness see an image?</h4>
<div id="attachment_423" style="width: 535px" class="wp-caption aligncenter"><img class="size-full wp-image-423   " title="Wheel of Fortune - Protanopia" src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/colour_wheel_protanopia.jpg" alt="(generated with Vischeck tool)" width="525" height="213" /><p class="wp-caption-text">Figure 3 - A representation of Protanopic vision (generated with Vischeck tool)</p></div>
<h3>Blue weakness</h3>
<ul>
<li><strong>Tritanopia</strong> [<em>trahyt-n-oh-pee-uh</em>] is the absence of blue sensitivity, therefore blue and green hues cannot be easily differentiated (Figure 4). This condition is rare, affecting approximately less than 1% of males.</li>
<li><strong>Tritanomaly</strong> [<em>trahyt-n-om-uh-lee</em>] is a blue sensitivity. This condition is extremely rare, affecting approximately 0.01% of both males and females.</li>
</ul>
<h4>How might someone with a blue weakness see an image?</h4>
<div id="attachment_424" style="width: 535px" class="wp-caption aligncenter"><img class="size-full wp-image-424 " title="Wheel of Fortune - Tritanopia" src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/colour_wheel_tritanopia.jpg" alt="Figure 4 - A representation of Tritanopic vision (generated with Vischeck tool)" width="525" height="213" /><p class="wp-caption-text">Figure 4 - A representation of Tritanopic vision (generated with Vischeck tool)</p></div>
<h2>How much impact can the condition have on general web use?</h2>
<p>While I cannot speak for those with more rarer forms, my colour vision deficiency (Deuteranomaly) has never once seriously impacted on my use of the web. Furthermore, I don&#8217;t believe much effort is required to ensure that even those with the most severe forms of the condition can enjoy something approaching an equal visual representation.</p>
<h3>Consider the use of extreme hues</h3>
<p>Be wary when using pale or dark hues in close proximity to one another. Could that shade of yellow used for highlighting table rows/columns be considered too pale against the dominant white background? Could that <a style="color: #002200; font-weight: normal;" title="Could you easily see this link?" href="http://www.greenpeace.org.uk/">very dark green link colour</a> be hidden amongst the surrounding dark grey or black text?</p>
<h3>Be aware of the common green weakness</h3>
<p>As green seems to be the colour associated with the most common forms of the condition it seems logical to suggest a considered approach when attempting to place it in close proximity with pale yellows, reds, and blues (Figure 5).</p>
<div id="attachment_428" style="width: 410px" class="wp-caption aligncenter"><img class="size-full wp-image-428 " title="Potentially problematic colour combinations" src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/colour_combinations.jpg" alt="Figure 5 - Potential problematic colour combinations" width="400" height="400" /><p class="wp-caption-text">Figure 5 - Green is the colour associated with the most common forms of colour deficiency</p></div>
<h3>Test your designs and templates</h3>
<p>In the same way you&#8217;d test the usability of an interface or the quality of your content, testing for potential visual issues caused by a colour deficiency should also be added to your quality control list. There are some great tools out there that only take a second or two to use.</p>
<h4>Recommended tools</h4>
<ul>
<li style="font-size: 85%;"><a href="http://colororacle.cartography.ch/">Color Oracle</a> – Colour blindness simulator for Windows, Mac and Linux</li>
<li style="font-size: 85%;"><a href="http://www.vischeck.com/">Vischeck</a> – Web-based colour blindness simulator for images and web pages</li>
<li style="font-size: 85%;"><a href="http://www.etre.com/tools/colourblindsimulator/">etre&#8217;s Colour Blindness Simulator</a> – Upload and test images against different types of colour vision deficiencies</li>
</ul>
<p>Or, better still, ask a colour blind colleague, friend, or sibling for their eyes. We won&#8217;t bite, unless of course you&#8217;re inquisitively (and with more than a hint of cheek) dangling a red&#8230;no that&#8217;s definitely green&#8230;erm&#8230;yellow&#8230;pencil.</p>
<h4>Sources</h4>
<ul>
<li style="font-size: 85%;"><a href="http://www.rnib.org.uk/professionals/accessibleinformation/colour/Pages/colour_deficiencies.aspx">Colour vision deficiency</a>, Royal National Institute of Blind People</li>
<li style="font-size: 85%;"><a href="http://msdn.microsoft.com/en-us/library/bb263953%28VS.85%29.aspx">Can Color-Blind Users See Your Site?</a>, Microsoft Developer Network, 9 Oct 2000</li>
<li style="font-size: 85%;"><a href="http://wearecolorblind.com/articles/quick-tips/">Quick tips</a>, We are Colorblind</li>
<li style="font-size: 85%;">Chapter 8, <em>Readings on Color: The science of color</em>, Alex Byrne and David R. Hilbert, MIT Press 1997</li>
</ul>
<p style="font-size: 75%;"><strong>Figure 1 answers (from left to right):</strong> 12, 6, 2, and 42. See them all? Lucky you, I can clearly see 12 and can just about make out a 2, but the rest are just a brightly coloured array of dots. Pretty, mind.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richardingram.co.uk/2010/03/colour-blindness-and-the-web/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Writing web content with dyslexia in mind</title>
		<link>http://www.richardingram.co.uk/2009/12/writing-for-the-web-with-dyslexia-in-mind/</link>
		<comments>http://www.richardingram.co.uk/2009/12/writing-for-the-web-with-dyslexia-in-mind/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 16:04:44 +0000</pubDate>
		<dc:creator><![CDATA[Richard]]></dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[web copywriting]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[readability]]></category>

		<guid isPermaLink="false">http://www.richardingram.co.uk/?p=265</guid>
		<description><![CDATA[While the severity and symptoms of dyslexia vary from person to person, what can learning more about how some people with dyslexia see the written word help us to create better web content?]]></description>
				<content:encoded><![CDATA[<p><strong>Dyslexia is a learning disability that affects an individual&#8217;s visual comprehension of written language. While its severity and effects vary from person to person, what can learning more about how some people with dyslexia see the written word help us when creating web content?</strong></p>
<p><a title="Dyslexia Australia" href="http://www.dyslexia-australia.com.au/">Dyslexia Australia&#8217;s website</a> has a particularly fascinating page which attempts to <a title="What Dyslexics See - Dyslexia Australia" href="http://www.dyslexia-australia.com.au/What%20they%20see.htm">describe and demonstrate the visual stresses that occur when some people with dyslexia read</a>. I&#8217;m going to try to faithfully re-create some of their observations here.</p>
<h2>Attaching mental pictures to words</h2>
<p>Some people with dyslexia comprehend certain words by attaching a mental picture to them. Take this short extract is from <a title="Wikipedia - Oscar Wilde" href="http://en.wikipedia.org/wiki/Oscar_Wilde">Oscar Wilde</a>&#8216;s &#8216;<a title="The Importance of Being Earnest by Oscar Wilde - Project Gutenburg" href="http://www.gutenberg.org/etext/844">The Importance of Being Earnest</a>&#8216;.</p>
<blockquote><p>Garden at the Manor House. A flight of grey stone steps leads up to the house. The garden, an old-fashioned one, full of roses. Time of year, July. Basket chairs, and a table covered with books, are set under a large yew-tree.</p></blockquote>
<p>Now try reading the same extract but only reading the words that emphasised in <strong>bold</strong> type.</p>
<blockquote><p><strong>Garden</strong> at the <strong>Manor House</strong>. A flight of <strong>grey</strong> <strong>stone</strong> <strong>steps</strong> leads up to the <strong>house</strong>. The <strong>garden</strong>, an old-fashioned one, full of <strong>roses</strong>. Time of year, July. <strong>Basket chairs</strong>, and a <strong>table</strong> covered with <strong>books</strong>, are set under a <strong>large yew-tree</strong>.</p></blockquote>
<p>Sadly not all sentences conjure up as many mental images as my example, but I guess that attaching such images must act as clues as to the subject and direction of a sentence.</p>
<h2>Rivers of words</h2>
<p>Dyslexia Australia also describe the <em>&#8216;rivers of words&#8217;</em> that some people with dyslexia see when reading. This next extract is from <a title="Wikipedia - Charles Darwin" href="http://en.wikipedia.org/wiki/Charles_Darwin">Charles Darwin</a>&#8216;s &#8216;<a title="On the origin of species by Charles Darwin - Project Gutenburg" href="http://www.gutenberg.org/etext/1228">On the Origin of Species</a>&#8216; (Figure 1).</p>
<div id="attachment_254" style="width: 510px" class="wp-caption aligncenter"><img class="size-full wp-image-254  " title="Extract from Darwin's 'On the Origin of Species'." src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/darwin_quote.gif" alt="Visible gaps between words increase difficulty in scanning written text." width="500" height="262" /><p class="wp-caption-text">Figure 1 - An extract from Charles Darwin&#39;s &#39;On the Origin of Species&#39;</p></div>
<p>Figure 2 shows the same extract, but now all of the words are faded into the background and heavy lines have been woven between the words. I&#8217;ve used justified text here, with its variable spacing between individual words, to accentuate the point.</p>
<div id="attachment_255" style="width: 510px" class="wp-caption aligncenter"><img class="size-full wp-image-255  " title="Repeated extract from Darwin's 'On the Origin of Species'." src="http://www.richardingram.co.uk/wp-content/uploads/2009/07/darwin_quote_rivers.gif" alt="Rivers appearing between written words can hamper some people's reading." width="500" height="262" /><p class="wp-caption-text">Figure 2 - The same extract, but this time with &#39;rivers of words&#39;</p></div>
<p>Not so easy to read now is it? This inability to scan freely means you almost have to break it down to a single word at a time. Some people with dyslexia experience these visual distortions when reading, so rather than being drawn to the words on a page they are instead drawn to the spaces between them.</p>
<h2>Reading on the web</h2>
<p>So how can we help people with dyslexia read more effectively on the web? Some benefit greatly from the synthesised voice output from a <a title="How People with Disabilities Use the Web - W3C" href="http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/#screenreader">screen reader</a>, which helps them scan and track the text on a web page, as well as breaking down pronunciations.</p>
<p>In fact, pronunciations are the real issue here. I was surprised to learn that the main cause or factor in most cases of dyslexia is not to do with vision but <a title="Wikipedia - Phonology" href="http://en.wikipedia.org/wiki/Phonology">phonology</a> &#8211; or rather how the person converts what they see into the sound units that make up a single word.<sup>[<a href="#ref1">1</a>]</sup></p>
<p>Some may prefer to use a web browser plug-in which allows them to remove a website&#8217;s default <a title="Wikipedia - Stylesheet" href="http://en.wikipedia.org/wiki/Style_sheet_(web_development)">stylesheet</a> or override it with a customised version of their own. We&#8217;ve all come up against web sites that have an distinctly unhealthy penchant for long line lengths, tiny font sizes and harsh back/foreground combinations.</p>
<p>I often find myself turning to the <a title="Readability - An Arc90 Lab Experiment" href="http://lab.arc90.com/experiments/readability/">readability bookmarklet from arc90</a>. It really helps make even the most poorly presented written content more inviting &#8211; especially with a pair of tired eyes at the end of a long day.</p>
<p>Some people with dyslexia prefer not to use a screen reader, personal stylesheets or any kind of <a title="Wikipedia - Assistive Technology" href="http://en.wikipedia.org/wiki/Assistive_technology">assistive technology</a> while browsing the web. So how can we help them? I believe you can&#8217;t go too far wrong using:<sup>[<a href="#ref2">2</a>]</sup></p>
<ul>
<li><strong>Short, sharp sentences</strong> &#8211; favouring shorter words wherever possible</li>
<li><strong>Clear Headings</strong></li>
<li><strong>Bulleted lists</strong> &#8211; helping to summarise points or entire articles, often at the start to explain what you&#8217;re about to read and learn</li>
<li><strong>Healthy line height and letter spacing</strong> &#8211; preventing eyes wandering to the next or previous lines</li>
<li><strong>Static imagery</strong> &#8211; acting as visual memory aids and helping to enhance contextual understanding</li>
</ul>
<p>Hang on, isn&#8217;t that how we all like to read on the web?</p>
<h3>References</h3>
<ol> <a name="ref1"></a></p>
<li style="font-size:85%"><a title="A video of a presentation made by Professor Bruce Evans." href="http://www.dystalk.com/talks/15-dyslexia-and-vision">Dyslexia and Vision &#8211; dysTalk</a></li>
<p><a name="ref2"></a></p>
<li style="font-size:85%"><a title="Building dyslexia friendly websites." href="http://www.bdadyslexia.org.uk/about-dyslexia/further-information/dyslexia-style-guide.html">Dyslexia Style Guide &#8211; The British Dyslexia Association</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.richardingram.co.uk/2009/12/writing-for-the-web-with-dyslexia-in-mind/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Transcribing the spoken word</title>
		<link>http://www.richardingram.co.uk/2009/08/transcribing-the-spoken-word/</link>
		<comments>http://www.richardingram.co.uk/2009/08/transcribing-the-spoken-word/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 21:31:21 +0000</pubDate>
		<dc:creator><![CDATA[Richard]]></dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[pas78]]></category>
		<category><![CDATA[transcripts]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://www.richardingram.co.uk/?p=110</guid>
		<description><![CDATA[The advent, and subsequent mass adoption, of embedded Flash audio and video content we've been exposed to in the last five years or so brings with it many challenges, but none more important than the issue of universal access.]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.flickr.com/photos/tobiastoft/3704019043/"><img class="size-full wp-image-111 aligncenter" title="Classic audio recorder" src="http://www.richardingram.co.uk/wp-content/uploads/2009/08/audio_recorder.jpg" alt="B&amp;O Tape Recorder" width="600" height="274" /></a></p>
<p><strong>The advent and subsequent mass adoption of</strong><strong> <a title="Wikipedia - Flash Video" href="http://en.wikipedia.org/wiki/Flash_video">embedded Flash</a></strong><strong> audio and video content, over the last five years or so, has brought with it many challenges, but none more important than the issue of universal access.</strong></p>
<p>Take audio for instance. A person with impaired hearing may find getting the information they need from embedded audio difficult or impossible. How can we ensure that the audio content we publish is as non-restrictive as possible for our users?</p>
<p>This is where the guidance of leading advocacy groups can help. <a title="WCAG 2.0 - Time-based Media" href="http://www.w3.org/TR/WCAG20/#media-equiv">WCAG 2.0, from the W3C</a>, requires the provision of alternatives for pre-recorded audio. It states that:</p>
<blockquote><p>Unless the pre-recorded audio provides no more information than is already presented in text, you should provide an alternative that presents equivalent information.</p></blockquote>
<p><a title="Simple recommendations for those seeking WCAG 2.0 conformance" href="http://webaim.org/standards/wcag/checklist">WebAIM&#8217;s helpful WCAG 2.0 Checklist</a> describes this &#8216;alternative&#8217; as:</p>
<blockquote><p>A descriptive text transcript (including all relevant auditory clues and indicators).</p></blockquote>
<p>This need for text-based equivalents for non-textual web content is strengthened further by government laws. In the US, <a title="Section 508 amendment to the Rehabilitation Act (1973)" href="http://www.section508.gov/index.cfm?FuseAction=content&amp;ID=12#Web">Section 508</a>, states that all Federal agencies shall:</p>
<blockquote><p>Provide a text equivalent for every non-text element.</p></blockquote>
<p>In the UK we have <a title="UK Guide to good practice in commissioning accessible websites" href="http://www.bsi-global.com/en/Shop/Publication-Detail/?pid=000000000030129227">PAS 78</a> (and later this year <a title="UK Code of Practice for public/private organisations wishing to offer accessible, usable websites" href="http://www.bsi-global.com/en/Standards-and-Publications/Industry-Sectors/ICT/ICT-standards/BS-8878/">BS 8878</a>). Describing what&#8217;s expected from websites to comply with the <a title="Disability Discrimination Act 1995" href="http://www.statutelaw.gov.uk/content.aspx?activeTextDocId=3330327">Disability Discrimination Act</a>, it states that:</p>
<blockquote><p>Developers should consider the accessibility of any audio content on the website.</p></blockquote>
<p>And goes on to say:</p>
<blockquote><p>The inclusion of transcripts should also be considered.</p></blockquote>
<p>So we&#8217;ve ascertained the need for word-for-word transcripts for both independent audio content and significant audio-based additions to related textual content. So what does a typical audio transcript look like and how easy are they to produce?</p>
<h2>Writing an audio transcript</h2>
<p>Listen to the following <a title="Living with Literature at KWMR-FM (18/06/09)" href="http://www.archive.org/details/LivingwithLiteratureBrewster">sample of open source audio</a> (duration: less than a minute). Its narrator briefly talks about the post-Gutenberg impact of the printed book.<br />
<script src="/assets/audio/audio-player.js" type="text/javascript"></script><br />
<object id="audioplayer1" style="outline:none;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="290" height="24" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="FlashVars" value="playerID=1&amp;soundFile=/assets/audio/the_printed_page.mp3" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="src" value="/assets/audio/player.swf" /><param name="flashvars" value="playerID=1&amp;soundFile=/assets/audio/the_printed_page.mp3" /><embed id="audioplayer1" style="outline:none;" type="application/x-shockwave-flash" width="290" height="24" src="/assets/audio/player.swf" wmode="transparent" menu="false" quality="high" flashvars="playerID=1&amp;soundFile=/assets/audio/the_printed_page.mp3"></embed></object><br />
A transcript for this audio would look and read like the following:</p>
<blockquote><p><strong>NARRATOR:</strong> After Gutenberg, realms of everyday life once ruled and served by memory would be governed by the printed page. In the late middle ages, for the small literate class, hand-written books had provided an aid, and sometimes a substitute, for memory. But the printed book was far more portable, more accurate, more convenient to refer to, and of course: more public. Whatever was in print after being written by an author was also known to printers, proofreaders and anyone reached by the printed page. A man could now refer to the rules of grammar, the speeches of Cicero, and the text of theology, canon law, and morality without storing them in himself.</p></blockquote>
<p>The narrator&#8217;s clear delivery and considered pauses made for an easy and enjoyable transcription. But this isn&#8217;t always the case. You can encounter anything from poor audio quality, loud background noises, voices talking over one-another as well as the uttering of unfamiliar accents and words. They can all make for a frustrating and elongated process of<em> pause&#8230;rewind&#8230;play&#8230;listen&#8230;type&#8230;repeat</em>.</p>
<p>You mustn&#8217;t lose heart though. If you cannot decipher a word or phrase then just remember that anyone listening to the audio itself will, most likely, encounter the same problem. I like to insert a simple <em>[inaudible word]</em> or <em>[inaudible phrase]</em> in this instance, but I&#8217;d also suggest offering a means of contact at the foot of your transcript so that anyone is free to provide suggestions if they so wish.</p>
<p>Transcribing a podcast offers a variety of challenges. Roundtable discussions or <a title="Wikipedia - Skype" href="http://en.wikipedia.org/wiki/Skype">Skype</a> call-ins will often act as a breeding ground for people cutting-in mid-sentence to offer their opinion &#8211; causing voices to momentarily overlap. Using a combination of ellipsis (…) and <em>(over)</em>, we can help to re-create some of the chaos. Take these extracts from a copy of <a title="BBC Radio 4 - Money Box Live (29/12/08)" href="http://news.bbc.co.uk/1/shared/spl/hi/programmes/money_box/transcripts/29_12_08.pdf">BBC Radio 4&#8217;s Money Box Live transcript (PDF, 53k)</a>:</p>
<blockquote><p><strong>LEWIS:</strong> It’s legally possible now, but the scheme has to agree to it as well…<br />
<strong>McLEAN:</strong> Absolutely.<br />
<strong>LEWIS:</strong> …which they don’t all do.</p></blockquote>
<blockquote><p><strong>McPHAIL:</strong> It still leaves decades of existing workers who are going to be retiring at 62 for years to come.<br />
<strong>LEWIS:</strong> <em>(over)</em> I thought you might say that Tom.</p></blockquote>
<p>We&#8217;re not looking to produce a literacy classic so try to resist the temptation to tidy things up too much. By all means cut out the inevitable <em>ums</em> and <em>errs</em>, but remember that a person with a language-based learning disability, such as dyslexia, may find it helps to listen to an audio file whilst reading the alternative text content. So you should always look to produce a faithful impression of the original recording.</p>
<p>But what about those incidences when someone has stated something that is factually incorrect? Do you uphold the stance that whatever has been said must be written word-for-word? Not always. If the error is small &#8211; say someone&#8217;s name as been wrongly pronounced &#8211; I&#8217;d correct it. But if it&#8217;s a personal opinion then, clearly, that has to be included &#8211; regardless of severity. If you&#8217;re at all worried about printing a deliberately incorrect statement, and don&#8217;t want to necessarily give the impression you&#8217;re endorsing it, then either insert a traditional <a title="Wikipedia - Sic" href="http://en.wikipedia.org/wiki/Sic"><em>[sic]</em></a> beside the word or phrase in question or a simple disclaimer at the beginning of the transcript. Something like:</p>
<blockquote><p>The views expressed here do not necessarily reflect those of our own. Neither us nor the participants can guarantee the accuracy of this information.</p></blockquote>
<p>If all this feels too much like hard work &#8211; maybe the thought of transcribing a twice-weekly podcast fills you with dread &#8211; then, thankfully, there are <a title="CastingWords Transcription Services" href="http://castingwords.com/">services that will help you</a>. But always remember to test your transcripts to check that it actually matches the audio it&#8217;s representing.</p>
<p>When the spoken word is the message there will always be a need for text-based equivalents. Transcribing audio, where appropriate, should form part of the content planning and publishing process we go through. When we talk about our content having the ability to influence, educate, inform, and entertain; there has to be universal access. You owe it to your avid audience.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richardingram.co.uk/2009/08/transcribing-the-spoken-word/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
