<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Don&#8217;t Read; Speak!</title>
	<atom:link href="http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/feed/" rel="self" type="application/rss+xml" />
	<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/</link>
	<description>Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it&#039;s largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff</description>
	<lastBuildDate>Fri, 19 Mar 2010 00:27:46 -0400</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Accessibility Discussions: Article and Commentary Roundup - The Web Standards Project</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-19811</link>
		<dc:creator>Accessibility Discussions: Article and Commentary Roundup - The Web Standards Project</dc:creator>
		<pubDate>Tue, 21 Mar 2006 08:43:11 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-19811</guid>
		<description>[...] t 1 From Roger Johansson at 456 Berea Street: To-do list for the WaSP ATF From Eric Meyer: Don&#8217;t Read, Speak! From Joe Clark: ATF: Not &#8216;Alcohol, Tobacco and Firea [...]</description>
		<content:encoded><![CDATA[<p>[...] t 1 From Roger Johansson at 456 Berea Street: To-do list for the WaSP ATF From Eric Meyer: Don&#8217;t Read, Speak! From Joe Clark: ATF: Not &#8216;Alcohol, Tobacco and Firea [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Chris S.</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5936</link>
		<dc:creator>Chris S.</dc:creator>
		<pubDate>Wed, 13 Jul 2005 22:03:36 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5936</guid>
		<description>While the short term of &quot;making it speak&quot; is a worthwhile and important goal it makes good sense to place it in the context of a longer term goal.
 
Long Term Goal – Total Accessibility – 100% Usability

A good test case then might be someone who is very old and has multiple disabilities. They are adjusting to the latest disability, blindness, and are not on the technological cutting edge.

The user would need able to easily do the following using a public browser:

Choose a vehicle of transmission (how the user communicates with the browser. (spoken, keyboard, signs, sounds, gestures / movement, binary interface (sip &amp; puff switch / big red button ;)

Choose a language
ie. 	English
	
Choose a Dialect (perhaps less important / optional?)
ie.	Canadian

Choose the data reception vehicle / mode
	Spoken (in this case)
But it might be
	Signed
	Gesture (optional?)
	Sounds
	Pictures / icons

Then the user might require and the site might offer varying degrees of complexity or detail depending on the users abilities and desires. 

Data Detail a.k.a. “view”
	Collapsed
	Standard
	Detailed
	In Depth
        
So we are talking about a mode of transmitting information.By designing it for &quot;multiple disabilities&quot; we end up making accessible to everyone and super flexible for all users.

Hope this is of interest to you tech headz...</description>
		<content:encoded><![CDATA[<p>While the short term of &#8220;making it speak&#8221; is a worthwhile and important goal it makes good sense to place it in the context of a longer term goal.</p>
<p>Long Term Goal – Total Accessibility – 100% Usability</p>
<p>A good test case then might be someone who is very old and has multiple disabilities. They are adjusting to the latest disability, blindness, and are not on the technological cutting edge.</p>
<p>The user would need able to easily do the following using a public browser:</p>
<p>Choose a vehicle of transmission (how the user communicates with the browser. (spoken, keyboard, signs, sounds, gestures / movement, binary interface (sip &amp; puff switch / big red button ;)</p>
<p>Choose a language<br />
ie. 	English</p>
<p>Choose a Dialect (perhaps less important / optional?)<br />
ie.	Canadian</p>
<p>Choose the data reception vehicle / mode<br />
	Spoken (in this case)<br />
But it might be<br />
	Signed<br />
	Gesture (optional?)<br />
	Sounds<br />
	Pictures / icons</p>
<p>Then the user might require and the site might offer varying degrees of complexity or detail depending on the users abilities and desires. </p>
<p>Data Detail a.k.a. “view”<br />
	Collapsed<br />
	Standard<br />
	Detailed<br />
	In Depth</p>
<p>So we are talking about a mode of transmitting information.By designing it for &#8220;multiple disabilities&#8221; we end up making accessible to everyone and super flexible for all users.</p>
<p>Hope this is of interest to you tech headz&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: patrick h. lauke</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5893</link>
		<dc:creator>patrick h. lauke</dc:creator>
		<pubDate>Sat, 09 Jul 2005 17:51:20 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5893</guid>
		<description>screenreaders should honour CSS media types and media attributes in LINK elements and stay away from things that are meant for screen/print/etc</description>
		<content:encoded><![CDATA[<p>screenreaders should honour CSS media types and media attributes in LINK elements and stay away from things that are meant for screen/print/etc</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jules</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5859</link>
		<dc:creator>Jules</dc:creator>
		<pubDate>Thu, 07 Jul 2005 13:54:03 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5859</guid>
		<description>DOCTYPE switching is not the way to go because, even when I first started designing web pages in 1997, even the frame-based ones (oooh, did I just type that?), I always (occassional exceptions) stated the DOCTYPE which means that your suggestion would not work on my pages.

Personally, I feel that screenreaders---primarily built for the blind---should ignore CSS entirely (aural properties being the exceptions). (The &lt;code&gt;content&lt;/code&gt; property is a bit of an issue: I have never liked the property because it allowed the designer to add content that wasn&#039;t in the HTML.) On the other hand (getting back to screenreaders), there are some people who use them who are not blind: dyslexic users benefit from them and perhaps visually impaired persons too.</description>
		<content:encoded><![CDATA[<p>DOCTYPE switching is not the way to go because, even when I first started designing web pages in 1997, even the frame-based ones (oooh, did I just type that?), I always (occassional exceptions) stated the DOCTYPE which means that your suggestion would not work on my pages.</p>
<p>Personally, I feel that screenreaders&#8212;primarily built for the blind&#8212;should ignore CSS entirely (aural properties being the exceptions). (The <code>content</code> property is a bit of an issue: I have never liked the property because it allowed the designer to add content that wasn&#8217;t in the HTML.) On the other hand (getting back to screenreaders), there are some people who use them who are not blind: dyslexic users benefit from them and perhaps visually impaired persons too.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eric Meyer</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5846</link>
		<dc:creator>Eric Meyer</dc:creator>
		<pubDate>Wed, 06 Jul 2005 02:13:51 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5846</guid>
		<description>&quot;... all SPEAK web pages just as you ask.&quot;

No, they don&quot;t, as you yourself &lt;a href=&quot;http://www.access-matters.com/2005/07/04/screen-readers-and-css-layout/&quot; rel=&quot;nofollow&quot;&gt;point out&lt;/a&gt;:

“In every case, save one, the cause for material not being spoken was the use of display : none.”

When I say screen readers need to become speaking browsers, and ignore the CSS, I mean that in every sense. It isn&quot;t just about where things appear on the page. It&quot;s about audibly rendering content that&quot;s been visibly hidden for the screen medium.

Until these tools change that behavior, they&quot;re still at some level screen readers, and they&quot;re still broken.</description>
		<content:encoded><![CDATA[<p>&#8220;&#8230; all SPEAK web pages just as you ask.&#8221;</p>
<p>No, they don&#8221;t, as you yourself <a href="http://www.access-matters.com/2005/07/04/screen-readers-and-css-layout/" rel="nofollow">point out</a>:</p>
<p>“In every case, save one, the cause for material not being spoken was the use of display : none.”</p>
<p>When I say screen readers need to become speaking browsers, and ignore the CSS, I mean that in every sense. It isn&#8221;t just about where things appear on the page. It&#8221;s about audibly rendering content that&#8221;s been visibly hidden for the screen medium.</p>
<p>Until these tools change that behavior, they&#8221;re still at some level screen readers, and they&#8221;re still broken.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bob Easton</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5842</link>
		<dc:creator>Bob Easton</dc:creator>
		<pubDate>Mon, 04 Jul 2005 19:28:26 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5842</guid>
		<description>The results are in for the most popular current screen readers.  Jaws 6.1, Window Eyes 5.0, and IBM Home Page Reader 3.04 all SPEAK web pages just as you ask.  They handle the HTML from top to bottom, paying no attention to CSS layout.

Read the full results at &lt;a href=&quot;http://www.access-matters.com/2005/07/04/screen-readers-and-css-layout/&quot; rel=&quot;nofollow&quot;&gt;Access Matters.&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>The results are in for the most popular current screen readers.  Jaws 6.1, Window Eyes 5.0, and IBM Home Page Reader 3.04 all SPEAK web pages just as you ask.  They handle the HTML from top to bottom, paying no attention to CSS layout.</p>
<p>Read the full results at <a href="http://www.access-matters.com/2005/07/04/screen-readers-and-css-layout/" rel="nofollow">Access Matters.</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Andre Leistner</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5833</link>
		<dc:creator>Andre Leistner</dc:creator>
		<pubDate>Thu, 30 Jun 2005 16:57:23 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5833</guid>
		<description>&lt;a href=&quot;http://www.icab.de&quot; rel=&quot;nofollow&quot;&gt;iCab&lt;/a&gt; has been a &quot;speaking browser&quot; on the Mac for quite a long time. It reads the page source and passes the text content to the text-to-speech engine of the MacOS. Images are spoken using their alt attributes, and elements hidden by CSS screen rules are spoken, too

You may try it with meyerweb.com or stopdesign.com for example. It&#039;s fun to hear how it speaks meyerweb&#039;s hidden navigation links or how stopdesign&#039;s page stucture presents the most interesting content first (articles) and less interesting content later (such as lists of links).</description>
		<content:encoded><![CDATA[<p><a href="http://www.icab.de" rel="nofollow">iCab</a> has been a &#8220;speaking browser&#8221; on the Mac for quite a long time. It reads the page source and passes the text content to the text-to-speech engine of the MacOS. Images are spoken using their alt attributes, and elements hidden by CSS screen rules are spoken, too</p>
<p>You may try it with meyerweb.com or stopdesign.com for example. It&#8217;s fun to hear how it speaks meyerweb&#8217;s hidden navigation links or how stopdesign&#8217;s page stucture presents the most interesting content first (articles) and less interesting content later (such as lists of links).</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ROBO Design</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5831</link>
		<dc:creator>ROBO Design</dc:creator>
		<pubDate>Thu, 30 Jun 2005 11:15:06 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5831</guid>
		<description>I must agree with this. When reading this I was thinking of Opera browser which is already capable of being exactly what you say: a speaking browser. Much better than any screan reader can ever be. That is, only if the web developer is actually capable of doing something good.

As you said, the era of table-layout (tag soup) is ending. Yet, you must agree that badly coded pages will exist as long as humans exist. The simple fact web developers are switching to CSS layout is not enough.</description>
		<content:encoded><![CDATA[<p>I must agree with this. When reading this I was thinking of Opera browser which is already capable of being exactly what you say: a speaking browser. Much better than any screan reader can ever be. That is, only if the web developer is actually capable of doing something good.</p>
<p>As you said, the era of table-layout (tag soup) is ending. Yet, you must agree that badly coded pages will exist as long as humans exist. The simple fact web developers are switching to CSS layout is not enough.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bob Easton</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5826</link>
		<dc:creator>Bob Easton</dc:creator>
		<pubDate>Tue, 28 Jun 2005 17:29:55 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5826</guid>
		<description>There&#039;s no question that screen readers need to modernize to understand web-standard coding techniques.  

I&#039;m not sure that !DOCTYPE switching is the answer. Your hypothesis is that screen readers are currently screen scrapers, that they somehow glean stuff from the screen left to right, top to bottom.  Maybe the older ones behave that way, but later versions are much more DOM dependent and don&#039;t literally scrape the screen.  Yes, they base themselves on IE. But, they extract the DOM tree and work from that. For the most part that is going to be very similar to the document source, no matter what the CSS does.

To illustrate, I&#039;m running some tests based on the first part of &lt;a href=&quot;http://webstandardsgroup.org/features/joe-clark.cfm#source-order&quot; rel=&quot;nofollow&quot;&gt;Joe Clark&#039;s question&lt;/a&gt;, a question not dissimilar from some of what you have said. Over on &lt;a href=&quot;http://www.access-matters.com/2005/06/26/quiz-412-how-do-css-layout-variations-affect-assistive-technology-part-1/&quot; rel=&quot;nofollow&quot;&gt;Access-Matters&lt;/a&gt;, we&#039;re testing 4 of the Zen Garden pages with assistive technology. I selected pages that have very different visual layouts. Of course, we all know they have exactly the same source.  Results so far show that the latest screen readers (JAWS 6.01 and IBM HPR 3.04) read those four pages almost identically.  The differences are in the areas where image replacement techniques are done with inaccessible methods.

Next week, we&#039;ll do more test cases with source that varies more.

So in one sense, the latest screen readers are the &quot;speaking browsers&quot; you seek. They faithfully speak the source document independent of how CSS says it should be displayed. This is what you ask for in your fourth paragraph.

What I think we really need is not mode switching, but standards compliance. The real problems are (1) inability to parse imported style sheets, and (2) total ignorance of aural style sheets.  Fix those first.  Then, add a configuration option where users can tell the screen reader to ignore CSS positioning.

The last thing I want is yet another piece of software that warrants quirks mode considerations and pampering.</description>
		<content:encoded><![CDATA[<p>There&#8217;s no question that screen readers need to modernize to understand web-standard coding techniques.  </p>
<p>I&#8217;m not sure that !DOCTYPE switching is the answer. Your hypothesis is that screen readers are currently screen scrapers, that they somehow glean stuff from the screen left to right, top to bottom.  Maybe the older ones behave that way, but later versions are much more DOM dependent and don&#8217;t literally scrape the screen.  Yes, they base themselves on IE. But, they extract the DOM tree and work from that. For the most part that is going to be very similar to the document source, no matter what the CSS does.</p>
<p>To illustrate, I&#8217;m running some tests based on the first part of <a href="http://webstandardsgroup.org/features/joe-clark.cfm#source-order" rel="nofollow">Joe Clark&#8217;s question</a>, a question not dissimilar from some of what you have said. Over on <a href="http://www.access-matters.com/2005/06/26/quiz-412-how-do-css-layout-variations-affect-assistive-technology-part-1/" rel="nofollow">Access-Matters</a>, we&#8217;re testing 4 of the Zen Garden pages with assistive technology. I selected pages that have very different visual layouts. Of course, we all know they have exactly the same source.  Results so far show that the latest screen readers (JAWS 6.01 and IBM HPR 3.04) read those four pages almost identically.  The differences are in the areas where image replacement techniques are done with inaccessible methods.</p>
<p>Next week, we&#8217;ll do more test cases with source that varies more.</p>
<p>So in one sense, the latest screen readers are the &#8220;speaking browsers&#8221; you seek. They faithfully speak the source document independent of how CSS says it should be displayed. This is what you ask for in your fourth paragraph.</p>
<p>What I think we really need is not mode switching, but standards compliance. The real problems are (1) inability to parse imported style sheets, and (2) total ignorance of aural style sheets.  Fix those first.  Then, add a configuration option where users can tell the screen reader to ignore CSS positioning.</p>
<p>The last thing I want is yet another piece of software that warrants quirks mode considerations and pampering.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Michaël Guitton</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5822</link>
		<dc:creator>Michaël Guitton</dc:creator>
		<pubDate>Tue, 28 Jun 2005 09:59:01 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5822</guid>
		<description>Agreed. DOCTYPE switching for screen readers is what I&#039;ve been advocating recently after attending @media 2005. However I&#039;m seeking further information on this specific kind of browsers, such as how do they support languages other than English? Do screen readers pay attention to &#039;hreflang&#039;, &#039;lang&#039; and &#039;xml:lang&#039; attributes? How do they handle &lt;a href=&quot;http://www.w3.org/International/questions/qa-mono-multilingual&quot; title=&quot;Monolingual vs. multilingual Web sites&quot; rel=&quot;nofollow&quot;&gt;&quot;multilingual, same content&quot;&lt;/a&gt; Web sites? Perhaps the WaSP ATF should get in touch with the &lt;a href=&quot;http://www.w3.org/International/Activity.html&quot; rel=&quot;nofollow&quot;&gt;W3C I18N Activity&lt;/a&gt; group(s) (!?)</description>
		<content:encoded><![CDATA[<p>Agreed. DOCTYPE switching for screen readers is what I&#8217;ve been advocating recently after attending @media 2005. However I&#8217;m seeking further information on this specific kind of browsers, such as how do they support languages other than English? Do screen readers pay attention to &#8216;hreflang&#8217;, &#8216;lang&#8217; and &#8216;xml:lang&#8217; attributes? How do they handle <a href="http://www.w3.org/International/questions/qa-mono-multilingual" title="Monolingual vs. multilingual Web sites" rel="nofollow">&#8220;multilingual, same content&#8221;</a> Web sites? Perhaps the WaSP ATF should get in touch with the <a href="http://www.w3.org/International/Activity.html" rel="nofollow">W3C I18N Activity</a> group(s) (!?)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Philippe</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5821</link>
		<dc:creator>Philippe</dc:creator>
		<pubDate>Tue, 28 Jun 2005 08:18:15 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5821</guid>
		<description>I think Apple&#039;s VoiceOver is moving in that direction (speak, rather than read). &lt;a href=&quot;http://www.456bereastreet.com/archive/200505/voiceover_and_safari_screen_reading_on_the_mac/&quot; rel=&quot;nofollow&quot;&gt;This article&lt;/a&gt; seems to suggest that much. I haven&#039;t done much testing myself, having a hell of a time even understanding the sounds of those syntetic voices. Opera also seem to have done some work with this, for opera 8 Windows.
The &lt;code&gt;DocType&lt;/code&gt; switch is a good idea, I think, mimicking what browsers already try for standards based code.</description>
		<content:encoded><![CDATA[<p>I think Apple&#8217;s VoiceOver is moving in that direction (speak, rather than read). <a href="http://www.456bereastreet.com/archive/200505/voiceover_and_safari_screen_reading_on_the_mac/" rel="nofollow">This article</a> seems to suggest that much. I haven&#8217;t done much testing myself, having a hell of a time even understanding the sounds of those syntetic voices. Opera also seem to have done some work with this, for opera 8 Windows.<br />
The <code>DocType</code> switch is a good idea, I think, mimicking what browsers already try for standards based code.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mark Kawakami</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5819</link>
		<dc:creator>Mark Kawakami</dc:creator>
		<pubDate>Tue, 28 Jun 2005 02:57:46 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5819</guid>
		<description>I&#039;ve been thinking for a while that the Mozilla codebase probably has most of the ingredients for a good screenreader, er, speaking browser, already. And I agree, DOCTYPE switching (or probably something more difficult to accidentally trigger). I wonder if there is a microformat solution here, something to explicitly tell the browser and the user that the page has been designed with visual impairments in mind.</description>
		<content:encoded><![CDATA[<p>I&#8217;ve been thinking for a while that the Mozilla codebase probably has most of the ingredients for a good screenreader, er, speaking browser, already. And I agree, DOCTYPE switching (or probably something more difficult to accidentally trigger). I wonder if there is a microformat solution here, something to explicitly tell the browser and the user that the page has been designed with visual impairments in mind.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mordechai Peller</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5818</link>
		<dc:creator>Mordechai Peller</dc:creator>
		<pubDate>Tue, 28 Jun 2005 00:42:05 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5818</guid>
		<description>&lt;blockquote&gt;...ignore the CSS---at least that CSS which is meant for visual media, which these days is pretty much all of it.&lt;/blockquote&gt;

And it will continue to be pretty much all of it until auditory styling is supported. If combined with speech recognition, I think that even people with normal vision would use a speaking browser from time to time.

But alas, with no support, why should I even try to learn to write them? And how could I practice.</description>
		<content:encoded><![CDATA[<blockquote><p>&#8230;ignore the CSS&#8212;at least that CSS which is meant for visual media, which these days is pretty much all of it.</p></blockquote>
<p>And it will continue to be pretty much all of it until auditory styling is supported. If combined with speech recognition, I think that even people with normal vision would use a speaking browser from time to time.</p>
<p>But alas, with no support, why should I even try to learn to write them? And how could I practice.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Turnip</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5815</link>
		<dc:creator>Turnip</dc:creator>
		<pubDate>Mon, 27 Jun 2005 21:44:13 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5815</guid>
		<description>I agree with this.</description>
		<content:encoded><![CDATA[<p>I agree with this.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Matt Robin</title>
		<link>http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comment-5811</link>
		<dc:creator>Matt Robin</dc:creator>
		<pubDate>Mon, 27 Jun 2005 19:41:31 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/06/27/speak-dont-read/#comment-5811</guid>
		<description>I have to say this - I don&#039;t know much about Audible Web Tools (perhaps I should?), but the creation of the WaSP Task Force is a good step in the right direction. I appreciated what you mention on DOCTYPE switching - it&#039;s been quite useful for the same situations you are referring to.
I suspect the accessibility topic(s) will rage for a while longer as the &#039;Tables&#039; era of layouts fades away...ungracefully...like that lady who was in the Brit TV show &#039;Absolutely Fabulous&#039;, smoking too many cigarettes and swearing at things all the time (good metaphor eh?!)</description>
		<content:encoded><![CDATA[<p>I have to say this &#8211; I don&#8217;t know much about Audible Web Tools (perhaps I should?), but the creation of the WaSP Task Force is a good step in the right direction. I appreciated what you mention on DOCTYPE switching &#8211; it&#8217;s been quite useful for the same situations you are referring to.<br />
I suspect the accessibility topic(s) will rage for a while longer as the &#8216;Tables&#8217; era of layouts fades away&#8230;ungracefully&#8230;like that lady who was in the Brit TV show &#8216;Absolutely Fabulous&#8217;, smoking too many cigarettes and swearing at things all the time (good metaphor eh?!)</p>
]]></content:encoded>
	</item>
</channel>
</rss>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head profile="http://gmpg.org/xfn/1">
<title>meyerweb.com</title>
<link rel="openid.server" href="http://www.myopenid.com/server">
<link rel="openid.delegate" href="http://emeyer.myopenid.com/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="/favicon.ico"><link rel="home" href="http://meyerweb.com/" title="Home" ><link rel="stylesheet" href="http://meyerweb.com/ui/meyerweb.css" type="text/css" media="screen, projection"><link rel="stylesheet" href="http://meyerweb.com/ui/theme.css" type="text/css" media="screen, projection" id="themeLink"><link rel="stylesheet" href="http://meyerweb.com/ui/print.css" type="text/css" media="print"><script src="http://meyerweb.com/ui/addresses.js" type="text/javascript"></script><link rel="stylesheet" href="/ui/wordpress.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/tfe.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/home.css" type="text/css" media="screen">
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric" href="/eric/thoughts/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only technical posts)" href="/eric/thoughts/category/tech/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only personal posts)" href="/eric/thoughts/category/personal/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Distractions" href="/eric/thoughts/recent-links/rss2" />
<link rel="alternate" type="application/rss+xml" title="Excuse of the Day" href="/feeds/excuse/rss20.xml" />
</head>
<body id="www-meyerweb-com" class="hpg">

<div id="sitemast"><h1><a href="/"><span>meyerweb</span>.com</a></h1></div><div id="search"><h4>Exploration</h4><!-- SiteSearch Google --><form method="get" action="http://www.google.com/custom" target="_top"><div><input type="hidden" name="domains" value="meyerweb.com"></input><label for="sbb" style="display: none">Submit search form</label><input type="submit" name="sa" value="Google Search" id="sbb"></input><label for="sbi" style="display: none">Enter your search terms</label><input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input><p><input type="radio" name="sitesearch" value="meyerweb.com" checked id="ss1"></input><label for="ss1" title="Search meyerweb.com">meyerweb.com</label><input type="radio" name="sitesearch" value="" id="ss0"></input><label for="ss0" title="Search the Web">Web</label></p><input type="hidden" name="client" value="pub-3772084027748653"></input><input type="hidden" name="forid" value="1"></input><input type="hidden" name="ie" value="ISO-8859-1"></input><input type="hidden" name="oe" value="ISO-8859-1"></input><input type="hidden" name="safe" value="active"></input><input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input><input type="hidden" name="hl" value="en"></input></div></form><!-- SiteSearch Google --><!-- <form method="get" action="http://www.google.com/custom"><div><input type="submit" name="sa" value="Search"><input type="text" name="q" size="20" maxlength="255" value=""><input type="hidden" name="sitesearch" value="meyerweb.com"></div></form><small><a href="http://www.google.com/search">Powered by Google</a></small> --></div><div id="main"><div class="skipper">Skip to: <a href="#extra">site navigation/presentation</a></div><div class="skipper">Skip to: <a href="#thoughts">Thoughts From Eric</a></div>
<div id="thoughts">


<div class="entry">
<h3><a href="http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/" rel="bookmark" title="Permanent Link: Don&#8217;t Read; Speak!">Don&#8217;t Read; Speak!</a></h3>
<ul class="meta">
<li class="date">Mon 27 Jun 2005</li>
<li class="time">1212</li>
<li class="cat"><a href="http://meyerweb.com/eric/thoughts/category/tech/browsers/" title="View all posts in Browsers" rel="category tag">Browsers</a><br> <a href="http://meyerweb.com/eric/thoughts/category/tech/web/" title="View all posts in Web" rel="category tag">Web</a></li>
<li class="cmt"><a href="http://meyerweb.com/eric/thoughts/2005/06/27/dont-read-speak/#comments">15 responses</a></li>
<li></li><li></li></ul>

<div class="text">
<p>
With the <a href="http://webstandards.org/press/releases/archive/2005/06/23/index.html" title="WaSP Forms Accessibility Task Force">debut of the <acronym title="Web Standards Project">WSP</acronym>&#8217;s <acronym title="Accessibility Task Force">ATF</acronym></a>, a vigorous conversation has gotten underway.  Joe Clark <a href="http://blog.fawny.org/2005/06/25/atf/">weighed in with some suggestions</a>, Andy Clarke <a href="http://www.stuffandnonsense.co.uk/archives/web_standards_project_wasp_accessibility_task_force.html">got some rousing comment action</a>, and more have spoken up.  This follows some recent and widely-cited <a href="http://www.bestkungfu.com/archive/date/2005/06/a-principled-argument/">thoughts from Matt May on WCAG 2.0</a> (with <a href="http://juicystudio.com/article/validity-accessibility.php">opposing view from Gez Lemon</a>), and from Andy Clarke <a href="http://www.stuffandnonsense.co.uk/archives/accessibility_and_a_society_of_control.html">regarding accessibility and legislation</a> (which inspired the publication of <a href="http://www.andybudd.com/archives/2005/06/accessibility_and_the_law/">a different view from Andy Budd</a>, not to mention <a href="http://webstandards.org/buzz/archive/2005_06.html#a000531">another from Chris Kaminski</a>).  I&#8217;ll join the chorus with some points of my own.  (Apparently, my recent post <a href="http://meyerweb.com/eric/thoughts/2005/06/16/liberal-vs-conservative/">Liberal vs. Conservative</a> was taken as a contribution to the discussion, which it wasn&#8217;t meant to be, although the points raised there are definitely worth considering in this context.)
</p>
<p>
This past May, I delivered <a href="http://complexspiral.com/events/archive/2005/www2005/w4a-keynote.html">a keynote</a> at the <a href="http://www.w4a.info/2005/">2nd International Cross-Disciplinary Workshop on Web Accessibility</a> in Tokyo, and one of the major points I made was basically this: &#8220;Screen readers are broken as designed, and need to become speaking browsers&#8221;.
</p>
<p>
The problem is that screen readers are just that: they read what&#8217;s displayed on the screen for a sighted user.  In other words, they let Internet Explorer render the Web page, scrape the visual result, and read that.  I will acknowledge that in the tables-and-spacers era of design, this made a certain amount of sense.  That era is ending; in an important sense, it&#8217;s already over and we&#8217;re just cleaning up the mess it left.  Which is <em>not</em> to say that table markup is never and should not presently be used for layout purposes, nor is this to say that such markup should be used.  Okay?
</p>
<p>
What I&#8217;m saying is that screen readers need to become speaking browsers: they need to ignore how the page is visually displayed, and <em>read the content</em>.  Use semantic markup when it exists, and otherwise ignore the markup in favor of the actual words, whether it&#8217;s plain text or <code>alt</code> text.  Go from the beginning of the document to the end of the document, and <em>ignore the CSS</em>&#8212;at least that CSS which is meant for visual media, which these days is pretty much all of it.
</p>
<p>
You might wonder how a speaking browser should deal with a table-driven site, of which there are still quite a few, he said with some understatement.  One distinct possibility is to do what I just said: ignore the non-semantic markup and read the content.  I can accept that might fail in many cases, so I&#8217;ll present a fallback: <a href="http://www.google.com/search?rls=en&#038;q=doctype+switching" title="Google results for 'DOCTYPE switching'">DOCTYPE switching</a>.  If a document has a DOCTYPE that would put a visual browser into standards mode, then be a speaking browser.  If not, then be a screen reader.
</p>
<p>
DOCTYPE switching has been, despite a few hiccups, incredibly successful in helping designers move toward standards, and allowing browsers to permit standards-based design without sacrificing every page that&#8217;s come before.  The same, or at least a very similar, mechanism could help audible-Web tools.
</p>
<p>
The WaSP has done great things in their efforts to show vendors why Web design tools should produce standards-oriented markup and CSS.  I sincerely hope they can produce similar results with audible-Web vendors.
</p></div>

</div>

</div>
<p style="font-size: 90%; text-align: right; margin-top: 0.5em; padding-top: 0;">(If you care, there's even an <a href="/eric/thoughts/page/2/">archive of previous thoughts</a>...)</p>

</div><div id="extra"><div class="panel" id="archipelago"><h4>Identity Archipelago</h4><ul><li><a href="http://flickr.com/photos/meyerweb/" rel="me">Flickr</a></li><li><a href="http://twitter.com/meyerweb/" rel="me">Twitter</a></li><li><a href="http://dopplr.com/traveller/meyerweb">Dopplr</a></li><li><a href="http://www.linkedin.com/in/meyerweb" rel="me">LinkedIn</a></li><li><a href="http://technorati.com/profile/emeyer" rel="me">Technorati</a></li></ul></div><div class="panel" id="pointers"><h4>Projects Elsewhere</h4><ul><li><a href="http://aneventapart.com/">An Event Apart</a></li><li><a href="http://complexspiral.com/">Complex Spiral Consulting</a></li><li><a href="http://www.webassist.com/go/css/emeyer/">CSS Sculptor</a></li><li><a href="http://css-discuss.org/">css-discuss</a></li><li><a href="http://microformats.org/">Microformats</a></li><li><a href="http://s5project.org/">S5</a></li></ul></div><div class="panel" id="tour"><ul><li><a href="http://fray.com/issue3/"><img src="http://fray.com/images/i3c.gif" alt="Fray Contributor (Issue 3: Sex &amp; Death)" /></a></li><!-- <li><a href="http://www.webassist.com/go/css/emeyer/"><img src="/pix/CS_ad_180x109.jpg" alt="CSS Sculptor for Dreamweaver" style="max-width: 100%;" /></a></li> --></ul></div><div class="panel">
<h4>Recently Tweeted</h4>
<p class="more"><a href="http://twitter.com/meyerweb">see more</a></p>
<p>Coffee shop hacking—using a stir-stick to spread cream cheese on my bagel. <small>&#8211;tweeted 6 hours, 24 minutes ago</small></p>
</div><div id="sideblog" class="panel">
<h4>Distractions</h4>
<p class="more">
<a href="/eric/thoughts/recent-links/">archive</a>
</p>
<ul>
<li><a href="http://tweetagewasteland.com/2010/03/my-head-is-in-the-cloud/" title="March 18 | &#8220;I sense that my addiction to the realtime stream is only making room for the consumption of a faster stream.&#8221;">My Head is in the Cloud</a> <small>[via <a href="http://daringfireball.net/">John</a>]</small></li>
<li><a href="http://8bitnyc.com/" title="March 17 | All of a sudden I want to establish a mission in Central Park and negotiate with the natives for gold and food.">8-Bit NYC</a></li>
<li><a href="http://www.youtube.com/watch?v=nFicqklGuB0&amp;feature=player_embedded" title="March 12 | Wry comment expressing my appreciation of the creative derivativeness of this video and its uncanny accuracy in mocking common tropes.">Academy Award Winning Movie Trailer</a></li>
<li><a href="http://www.youtube.com/watch?v=414TmP12WAU" title="March 9 | &#8220;Apple juice&#8230; for half price!&#8221;  More like twice PRICELESS.  (Note: If you&#8217;re at work, don your headphones.)">Happy in Paraguay</a> <small>[via <a href="http://unstoppablerobotninja.com/">Ethan</a>]</small></li>
<li><a href="http://www.youtube.com/watch?v=9V5ubAOeOBk&amp;feature=player_embedded" title="February 10 | This is approximately the best thing ever.">U900 -Walk Don&#8217;t Run (Isogabamaware)</a></li>
<li><a href="http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A 456bereastreet %28456 Berea Street%29" title="February 8 | -9999px comes through again, but I really wish we were beyond that kind of thing.">sIFR default CSS hides content from at least one screen reader</a></li>
<li><a href="http://www.macosxhints.com/article.php?story=20100117064356428" title="February 8 | Storing this for future use.">Take a picture with the iSight camera when a folder is opened</a></li>
<li><a href="http://mingle2.com/blog/view/web-developer-mind" title="February 4 | Mostly valid.  (SEE WHAT I DID THERE?)">The Mind of a Web Developer: An Illustrated Diagram</a></li>
<li><a href="http://www.theonion.com/content/news/science_channel_refuses_to_dumb" title="January 28 | &#8220;Punkin Chunkin, for Christ&#8217;s sake&#8230; What more do you people want?&#8221;">Science Channel Refuses To Dumb Down Science Any Further</a></li>
<li><a href="http://www.mailchimp.com/blog/project-omnivore-declassified/" title="January 27 | Sounds like quite a feat.  But I wonder how we&#8217;d feel if Microsoft or Google announced the same kind of thing on their e-mail services.">MailChimp&#8217;s Project Omnivore: Declassified</a></li>
<li><a href="http://www.politifact.com/truth-o-meter/statements/2010/jan/25/carolyn-maloney/congresswoman-says-democratic-presidents-create-mo/" title="January 26 | &#8220;Obviously, luck matters a lot, but when there is a consistent pattern over more than 60 years, it starts to look like more than just luck.&#8221;">Congresswoman says Democratic presidents create more private-sector jobs</a></li>
<li><a href="http://www.ted.com/talks/taylor_mali_what_teachers_make.html" title="January 25 | Truth.">Taylor Mali: What teachers make</a></li>
<li><a href="http://notebook.johnmartz.com/how-websites-work?c=1" title="January 22 | At last, the truth is out and I can stop pretending:  beatific monkeys are what makes it all go.">How websites work</a></li>
</ul>
</div>
<div class="panel" id="advisory">
<div class="guarded">
<a href="http://blogadvisorysystem.com/"><img src="/pix/bas/guarded.png" alt="Blog Advisory System Alert Level: Guarded"></a>
</div>
</div>

<div class="panel" id="excuse">
<h4>The <a href="/feeds/excuse/">excuse of the day</a> is</h4>
<p>neutrino interactions</p>
</div>

<div class="panel" id="extras">
<h4>Extras</h4>
<ul>
<li><a href="/feeds/">Feeds</a> &#8226;</li>
<li><a href="/eric/faq.html">FAQ</a> &#8226;</li>
<li><a href="/family.html">Family</a></li>
</ul>
</div>

</div>

<div id="navigate">
<h4>Navigation</h4>
<ul id="navlinks">
<li id="archLink"><a href="/eric/thoughts/">Archives</a></li>
<li id="cssLink"><a href="/eric/css/">CSS</a></li>
<li id="toolsLink"><a href="/eric/tools/">Toolbox</a></li>
<li id="writeLink"><a href="/eric/writing.html">Writing</a></li>
<li id="speakLink"><a href="/eric/talks/">Speaking</a></li>
<li id="otherLink"><a href="/other/">Leftovers</a></li>
<li id="aboutsite"><a href="/ui/about.html">About this site</a></li>
</ul>
</div>

<div id="footer">
<p class="sosumi">All contents of this site, unless otherwise noted, are &copy;1995-2008 <strong>Eric A. and Kathryn S. Meyer</strong>.  All Rights Reserved.</p>
<p>"<a href="/eric/thoughts/">Thoughts From Eric</a>" is powered by the &uuml;bercool <a href="http://wordpress.org/">WordPress</a></p>
</div>
</body>
</html>
