<?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>Monday By Noon &#187; yellowpipe</title>
	<atom:link href="http://mondaybynoon.com/tag/yellowpipe/feed/" rel="self" type="application/rss+xml" />
	<link>http://mondaybynoon.com</link>
	<description>A resource for Web designers and developers to read about and discuss their craft.</description>
	<lastBuildDate>Wed, 08 Feb 2012 13:49:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>&#8226; Site Testing with Text Based Browsers</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20061218%2Fsite-testing-with-text-based-browsers%2F&#038;seed_title=%26%238226%3B+Site+Testing+with+Text+Based+Browsers</link>
		<comments>http://mondaybynoon.com/20061218/site-testing-with-text-based-browsers/#comments</comments>
		<pubDate>Mon, 18 Dec 2006 14:20:07 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Semantics]]></category>
		<category><![CDATA[Workbench]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[Lynx]]></category>
		<category><![CDATA[testing]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[w3m]]></category>
		<category><![CDATA[yellowpipe]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2006/12/18/site-testing-with-text-based-browsers/</guid>
		<description><![CDATA[I can&#8217;t stress enough how important it is to keep tabs on yourself by properly testing your site in various environments. Cross platform, cross browser, and also just as important: cross technology. Many times, developers feel that if their code is valid, they&#8217;re good to go. Validity is very important, yes, but if a document [...]<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=56&c=781668354' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=56&c=781668354' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>I can&#8217;t stress enough how important it is to keep tabs on yourself by properly testing your site in various environments.  Cross platform, cross browser, and also just as important: cross technology.  Many times, developers feel that if their <a href="/2006/04/03/but-it-validates/">code is valid</a>, they&#8217;re good to go.  Validity is very important, yes, but if a document doesn&#8217;t have <a href="http://en.wikipedia.org/wiki/Semantic_Web">semantic value</a>, the validity is just a W3C badge you can include.  A great way to visualize the semantics of a document is to <a href="/2006/12/11/the-best-browser-extensions-for-web-development/">disable the style</a> of the document and see it <a href="http://naked.dustindiaz.com" title="CSS Naked Day">naked</a>.  Another method I use on any site I develop is to give it a once-over using a text based browser.  Very often will it put a spotlight on a section of the site that doesn&#8217;t have semantic markup and needs some attention.</p>
<h2>Testing with text based browsers</h2>
<p>In my opinion, testing with a text based browser will be the most true-to-life test case for the average developer.  With a text based browser, you&#8217;ll be having an identical experience as someone who is actually using that technology on your website.</p>
<p>Current browser statistics, for the most part, are very vague when it comes to specifying text based browsers.  They&#8217;re often classified into the &#8216;other&#8217; or &#8216;unknown&#8217; categories and more attention is given to the modern graphical browsers.  It&#8217;s true; not many people are using text based browsers as their primary vehicle to browse the Internet, I&#8217;m not trying to say that there are.  I do feel that it is an important technology to test with, however.</p>
<p>Text based browsers are a great way to get a look at the semantics of your document.  Can you still determine the section layout of your document within a text based browser?  Does the alternate content for your images make sense in all cases?  How do the forms work?  Is your navigation still effective?  Those questions and more can be answered in full after spending 5 minutes testing in a text based Web browser.  There are many text based browsers to choose from, and like graphical browsers, they all behave a bit differently and have separate traits.</p>
<h3>Lynx</h3>
<p><a href="http://lynx.isc.org/">Lynx</a> was the first text based browser I was exposed to, so I find myself testing with it by default.</p>
<p><img src="/images/text_based/mbn_lynx.png" alt="[Screenshot of MondayByNoon.com using Lynx]" /></p>
<p><span id="more-56"></span></p>
<p>Lynx was originally designed for UNIX and is easily run in Linux after compiling from source, or installing through your distribution package management (if it&#8217;s available).  There are also versions available for <a href="http://pachome1.pacific.net.sg/~kennethkwok/lynx/" title="Lynx installer for Windows">Windows</a> (<a href="http://www.fdisk.com/doslynx/lynxport.htm" title="Lynx installer for DOS">DOS</a>) or <a href="http://www.apple.com/downloads/macosx/unix_open_source/lynxtextwebbrowser.html" title="Lynx installer for Mac OS X">Mac OS X</a>.</p>
<p>The one thing to keep in mind with Lynx is that it will transform any tabular structure you have come up with into a linear display, effectively lining up the data cells one after the other.  Not all text based browsers behave like this, but it&#8217;s important to keep in mind as Lynx is probably the most popular console browser.</p>
<h5>Yellowpipe Lynx Viewer Firefox extension</h5>
<p>There is also a <a href="http://mozilla.com/firefox">Firefox</a> extension which will <a href="https://addons.mozilla.org/firefox/1944/">emulate Lynx</a>.  While it&#8217;s nice for quick tests, it doesn&#8217;t give you the interactive aspect that&#8217;s also quite important to test the experience you have <em>using</em> a text based browser.  Links are no longer active, and you can use a scrollbar to scroll the content, whereas keystrokes will scroll in Lynx.</p>
<p><img src="/images/text_based/mbn_yellowpipe_lynx.png" alt="[Screenshot of MondayByNoon.com using the Yellowpipe Lynx Viewer Firefox Extension]" /></p>
<p>The actual output also includes ads for the Yellowpipe service which, although small, is quite annoying to me.  Given the ability to install Lynx on any platform, using this extension doesn&#8217;t seem like a solid choice.</p>
<h3>Links</h3>
<p><a href="http://links.sourceforge.net/">Links</a> is another text based Web browser that stands out with it&#8217;s support for <code>table</code>s and frames.</p>
<p><img src="/images/text_based/mbn_links.png" alt="[Screenshot of MondayByNoon.com using Links]" /></p>
<p>Testing with Links can come in handy if you&#8217;d like to retain the structure of your <em>data tables</em>, but other than that I find myself resorting to Lynx by default.  Again, this browser was developed for UNIX/Linux systems but there are also installs for <a href="http://links.sourceforge.net/">Mac OS X</a>, <a href="http://browsers.evolt.org/?links/win32">Windows</a> (beta), FreeBSD, and more.  There are also hacked versions of Links available as <a href="http://elinks.cz/">ELinks</a> and <a href="http://xray.sai.msu.ru/~karpov/links-hacked/">Hacked Links</a> which are variants of the original application.</p>
<h3>w3m</h3>
<p><a href="http://w3m.sourceforge.net/">w3m</a> begins to blur the lines of a text based browser.  This application will actually include various inline images where it deems appropriate.  I never find myself using this particular browser for actual testing for that reason.</p>
<p><img src="/images/text_based/mbn_w3m.png" alt="[Screenshot of MondayByNoon.com using w3m]" /></p>
<p><del>Unlike the previous examples, there aren&#8217;t cross platform binaries for w3m available for download.</del></p>
<p><strong><ins>Update</ins></strong><br />
Thanks to <a href="/2006/12/18/site-testing-with-text-based-browsers/#comment-4694">Bob&#8217;s comment</a>, you can run w3m on a Windows machine using <a href="http://cygwin.com/"></a>Cygwin.  Thanks Bob!</p>
<h4>Text based testing is easy</h4>
<p>If you don&#8217;t currently give your sites a quick run through with a text based browser, it&#8217;s a good habit to get into.  It really helps you keep an eye on the semantics of your document, and it also gives you a new look into the usability of your website as a whole.   At the same time, you&#8217;re able to see how your documents behave without all that fancy Ajax you have going on.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=56&c=2090554752' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=56&c=2090554752' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20061218/site-testing-with-text-based-browsers/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Database Caching 1/48 queries in 0.049 seconds using apc
Object Caching 488/545 objects using apc

Served from: www.mondaybynoon.com @ 2012-02-11 09:30:36 -->
