Happy Garden: Making The Business Case For Web Standards

<p>Through the explosive growth of the Web, companies have realized the benefit of building a strong online presence. By publishing a website to the Internet, companies are able to build their brand, market their products, support existing customers, release publicity pieces, and even take orders. Lost in the feverish pace of growth however, has been an eye on the effect that their current web-building practices have on the bottom line and the future of their online presence. Not only does the website content itself have an impact on the company's income but so does the way the site itself is created.</p><p>Building your site with a commitment to web standards - and continuously testing to ensure it maintains its adherence to those standards - can save your company money and even increase website related income.</p><p>What are web standards?</p><p>Web standards are, for purposes of this discussion, carefully designed sets of rules and protocols that drive web-based contentthroughout the Internet.</p><p>Specifically, web standards revolve around:</p>Structural Languages - such as HTML, XHTML, XML, SMIL, SVG, MathML


Presentation Languages - such as CSS, XSL


Document Object Model 


ECMAScript 


<p>These web standards have been defined by the Worldwide Web Consortium (W3C) and other standards bodies to ensure the interoperability and access of documents placed on the web. Documents that follow the established standards will benefit in many ways:</p>Lower maintenance effort and cost 


Lower cost for redesign 


Improved usability and accessibility 


Broader compatibility across platforms and devices 


Reduced hardware demand and cost 


<p>Site wide look and feel consistency</p><p>Designing to current standards enables the site to maintain the same look and feel theme throughout the site. Standards also allow the site's look and feel to change rapidlywith little additional load on personnel resources.</p><p>Improved usability: smaller document size loads faster</p><p>Designing to current standards means that - by proxy - the documents will be smaller. Because of this, the pages will load faster for the user. Download times have been shown to be a factor in website usability. A perceived delay in site presentation undermines users' evaluation of the site. Users systematically rate slower sites as less interesting and having lower quality content. In addition they report that delays interfere with task continuity, their ability to remember the site, and use flow. Exceedingly slow sites can lead users to believe an error has occurred. Finally, users correlate site performance and security: Chronically slow sites are considered to be less secure resources for purchase. (<a target="_new" rel="nofollow" href="http://www.humanfactors.com/downloads/aug03.asp">http://www.humanfactors.com/downloads/aug03.asp</a>)</p><p>Better cross-platformcompatibility</p><p>As browser manufacturers come closer to adhering to web standards, it is becoming clearer that creating standards-based pages can be an increasing assurance that the site will operate across multiple platforms. "Rendering fine" is a myth born of misunderstanding. Considering that 5 different rendering engines are used to surf the web using dozens of browsers (and versions of those browsers) on 3 platforms, attempting to test the site for rendering in every configuration is next to impossible. Coding to standards then, is the only practical solution for ensuring compatibility - now and in the future.</p><p>Prepares for the future</p><p>"Rendering fine" on current browsers is no guarantee that a site with invalid markup will render fine in the future. Moreover, it is no guarantee that a site will render fine (or at all) in the growing number of non-traditional devices such as PDAs and cellular telephones. As browser manufacturers make further efforts to make theirproducts adhere to standards, the point of "rendering fine" in target browsers becomes moot, anyway. Standards-compliant markup will be even more of a guarantee that it will work on all platforms than error-laden and proprietary markup.</p><p>Extensibility</p><p>Designing to the current standard means sites should be marked up using XHTML - an XML-compatible version of HMTL. Using this format will enable the company to venture into the inevitable world of XML without the need for major modifications to the site structure. XML features can be added quickly and painlessly.</p><p>Lower maintenance and easier troubleshooting</p><p>Personnel can come and go - but the code they create will stay behind. If that code contains error-laden, invalid markup and "work-arounds" for rendering in target browsers, it will cost the company money in personnel time to find the bad markup and make it right. "Because standards are very well documented, another person taking over some standard-compliant codecan hit the ground running - and will not need to become familiar with the previous developer's coding practices." - Tristan Nitot, Netscape Communications ([http://devedge.netscape.com/viewsource/2003/why-web-standards])</p><p>Regardless of who does the site maintenance, designing to standards ensures shorter time spent hunting down problems. While poor rendering may very well be a buggy browser, in most cases "rendering improperly" usually means "something is wrong". Validation is one of the ways to uncover exactly what the issue is. By maintaining a standards-compliant site, you are providing yourself with insurance that if something goes awry, you will be able to more easily and quickly get to the possible cause. Simply put, if you know everything else is OK, you can focus any troubleshooting efforts on what has been changed instead of looking at what else already existed that could have caused or exacerbated the problem.</p><p>Accessibility</p><p>Designing with web standards makesaccessibility an easier goal to achieve, as standards have been created with accessibility in mind.</p><p>Proper markup goes beyond "validity". Each element in (x)HTML has been created with a specified purpose, and so creating a standards-compliant site also means using the most appropriate element for the task at hand. Doing so increases accessibility. Proper markup gives alternative access devices the ability to provide context to the page's content.</p><p>Reduced bandwidth cost</p><p>Last, adhering to standards-based markup can reduce the amount that a company pays for bandwidth. As stated above, adherence to standards has the effect of reducing the size of a document - by up to 50% or more by some estimates. This can lead to big savings in bandwidth charges for high-traffic websites.</p><p>Standards just make sense</p><p>So what does all of this really mean? As the company's website becomes more important to its bottom line, standards can help position the company as a leader.Those who choose to make the commitment to quality will find a payoff that begins immediately and lasts into the future. Right now, you'll save on development of new content. In the future you'll benefit from reduced maintenance and increased agility. Standards compliance just makes sense.</p><p>Additional Resources</p>HTML Standards Compliance - Why Bother?


Why Should You Validate Your Web Pages?


WASP: Fighting For Standards Liberty! 


Quality! Validity!


Why We Won't Help You


How User-Agents Handle Tag Soup


The Business Value Of Web Standards


Web Standards For Business


<div><div id="article-resource">
<p>Karl Groves is a freelance web designer who has done production work on sites for National Cancer Institute, Network For Good, Aerospace Medical Association and more.</p> </div><?xml version="1.0" standalone="yes"?>
<!DOCTYPE html>





<html lang="en"><head><title>Making The Business Case For Web Standards</title><meta charset="UTF-8"/><meta name="keywords" content="web standards,standards-compliant site,current standards,business case,standards compliance"/><meta name="description" content="Through the explosive growth of the Web, companies have realized the benefit of building a strong online presence. By publishing a website to the Internet, companies are able to build their brand, ma..."/><link rel="shortcut icon" href="http://ezinearticles.com/favicon.ico"/><link rel="image_src" href="http://ezinearticles.comhttp://ezinearticles.com/images/digg_thumbnail.png"/><link rel="search" title="EzineArticles.com" type="application/opensearchdescription+xml" href="http://ezinearticles.comhttp://ezinearticles.com/ssp/ezinearticles.xml"/><link rel="canonical" href="http://ezinearticles.comhttp://ezinearticles.com/?Making-The-Business-Case-For-Web-Standards&id=22717"/><link rel="stylesheet" type="text/css" href="http://ezinearticles.com/min/file/a7bc187ddbfd67107f07981dc09b30de1344262543.css" media="screen"/><link rel="stylesheet" type="text/css" href="http://ezinearticles.com/css/theme/desk/print.css?v2" media="print"/><script type="text/javascript" src="/min/file/c7e14123ed8568e6a0b4b4c88806433f1345751213.js"/><script type="text/javascript"><![CDATA[
if (parent && parent.frames && parent.frames.length>0){parent.location.href = self.document.location;}
]]></script><script type="text/javascript"><![CDATA[
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=true;g.src="https://apis.google.com/js/plusone.js";s.parentNode.insertBefore(g,s);})(document,"script");
]]></script><script type="text/javascript"><![CDATA[
$(window).unload(function(){
$.ajax({ url: '/rpc/article/impression/update.json', data: { article_id: 22717, uuid: '0f7674e0f3be11e1bc5c37f823a76e91'}, async: false });
});
var uuid = '0f7674e0f3be11e1bc5c37f823a76e91';

]]></script><link rel="alternate" title="Internet-and-Businesses-Online:Web-Development" href="http://ezinearticles.comhttp://feeds.ezinearticles.com/category/Internet-and-Businesses-Online:Web-Development.xml" type="application/rss+xml"/><script type="text/javascript"><![CDATA[

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23810776-1']);
_gaq.push(["_setCustomVar",2,"Niche","Internet-and-Businesses-Online",3],["_setCustomVar",3,"Sub-Niche","Web-Development",3],['_trackPageview'],['_trackPageLoadTime']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

]]></script><script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js"/><script type="text/javascript"><![CDATA[
GS_googleAddAdSenseService("ca-pub-3754405753000444");
GS_googleEnableAllServices();
]]></script><script type="text/javascript"><![CDATA[
GA_googleAddSlot("ca-pub-3754405753000444", "belowresourcebox");
GA_googleAddSlot("ca-pub-3754405753000444", "EA-BelowMP550x250");
GA_googleAddSlot("ca-pub-3754405753000444", "EA-AdSenseALT336");
GA_googleAddSlot("ca-pub-3754405753000444", "EA-AdSenseALT160");
]]></script><script type="text/javascript"><![CDATA[
GA_googleFetchAds();
]]></script></head><body>

<div id="header">
<div class="wrapper">

<div id="logo">
<a href="http://ezinearticles.com/" title="EzineArticles.com">
<img src="http://img.ezinearticles.com/ezinearticles/category_logos/internet-and-businesses-online_web-development.png" alt="EzineArticles - Expert Authors Sharing Their Best Original Articles"/></a>
</div>

<div id="google-search-top" class="google-search-box">
<form action="/results/" id="cse-search-box">
<div id="gcse-head-container">
<input type="hidden" name="cx" value="partner-pub-3754405753000444:3ldnyrvij91"/><input type="hidden" name="cof" value="FORID:10"/><input type="hidden" name="ie" value="ISO-8859-1"/><input type="text" name="q" id="gcse-head-input" class="google-search-input" maxlength="255"/><button type="submit" name="sa" id="search-button" class="button black-button">Search</button>
</div>
</form>
<script type="text/javascript" src="//www.google.com/cse/brand?form=cse-search-box&lang=en"/></div>

</div>
<div class="background"/>
</div>

<div id="content" class="lu-on-top">
<div class="wrapper">



<div class="breadcrumb">
<a href="http://ezinearticles.com/" title="EzineArticles Home">Home</a>


» <a href="http://ezinearticles.com/?cat=Internet-and-Businesses-Online" title="Internet and Businesses Online Articles">Internet and Businesses Online</a>


» <a href="http://ezinearticles.com/?cat=Internet-and-Businesses-Online:Web-Development" title="Web Development Articles">Web Development</a>


</div>


<div class="top-gadlu">

<script type="text/javascript" language="JavaScript"><![CDATA[

function google_ad_request_done(ads) { }

function google_radlink_request_done(radlinks) {
if(radlinks.length < 1)
return;

document.write("<div class=\"gadlu gadlu-h\"> <a href=\"https://www.google.com/adsense/support/bin/request.py?contact=abg_afc\" style=\"text-decoration:none\"><span class=\"gadlu-abg\">Ads By Google<\/span><\/a>");
for(i=0;i<radlinks.length;i++) {
document.write(" <a target=\"_top\" href=\"/trusted-results/?google_kw=" + radlinks[i].url_escaped_term + "&google_rt=" + radlinks[i].radlink_token + "&google_page_url=" + encodeURIComponent(window.location) + "\">" + radlinks[i].term + "<\/a> ");
}
document.write("<\/div>");

}
]]></script><script type="text/javascript" language="JavaScript"><![CDATA[

]]></script><script type="text/javascript" language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"/></div>

<div id="ad-3" style="display:none"/>
<div id="ad-4" style="display:none"/>



<div id="side-column">
<div id="side-column-inner">

<div class="author-profile">
<span class="unlinked-author-name"> Karl Groves </span>

<p style="margin-bottom:5px;">
<span class="membership-level">
Expert
Author
</span>
|  
<span class="published-articles"><span class="bold">1</span> Article</span>
</p>

<span class="joined">
</span>

<div class="clear-both"/>
</div>

<div class="top-utility-box">
<div class="helpful active">
Was this article helpful?

<a class="helpful-yes trigger-modal" href="http://ezinearticles.com#/rpc/article/helpful/form.json?callback=setupHelpfulForm">0</a>
<a class="helpful-no trigger-modal" href="http://ezinearticles.com#/rpc/article/helpful/form.json?callback=setupHelpfulForm">0</a>
</div>
<div class="share-bar">
<a href="http://ezinearticles.com/share/?id=22717&site=facebook" rel="nofollow" target="_new">
<img class="site-sprite facebook-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=twitter" rel="nofollow" target="_new">
<img class="site-sprite twitter-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=stumbleupon" rel="nofollow" target="_new">
<img class="site-sprite stumble-upon-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=del.icio.us" rel="nofollow" target="_new">
<img class="site-sprite delicious-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=friendfeed" rel="nofollow" target="_new">
<img class="site-sprite friend-feed-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=digg" rel="nofollow" target="_new">
<img class="site-sprite digg-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<span class="google-plusone">
<plusone size="medium"/></span>
</div>
</div>

<div id="ad-4-placeholder"/>
<script type="text/javascript"><![CDATA[
$('#ad-4-placeholder').append($('#ad-4').show());
]]></script><script type="text/javascript" language="JavaScript"><![CDATA[
function google_ad_request_done(google_ads) {
if(typeof ea_gata == 'function') { ea_gata(1, google_ads.length, 20, 288); }

if(google_ads.length == 0)
{
document.write('<div class="gdfp" id="gad_slot_EA-AdSenseALT336">');
GA_googleFillSlot("EA-AdSenseALT336");
document.write('<\/div>');
moveDOM('gad_slot_EA-AdSenseALT336', 'ad-4');
ea_alternate_gad_displayed = 1;
return;
}

var i;
if(google_ads.length > 0) {
var s0 = '';

s0 += '<div style="margin:0 0 2px;padding:0"><a href="http://ezinearticles.com' + google_info.feedback_url + '" style="color:#616161;font:700 9pt courier new,verdana;margin:0 0 4px;padding:0;text-decoration:none">Ads by Google<\/a><\/div>'; for(i = 0; i < 3; ++i) {
if(i >= google_ads.length) { break; }
s0 += '<div id="gaditem-' + i + '" class="gaditem" style="margin:0 0 8px;padding:0">' +
'<a href="http://ezinearticles.com' + google_ads[i].url + '" onmouseout="window.status=\'\'" onmouseover="window.status=\'\';return true;" style="text-decoration:none;margin:0;padding:0;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;" alt="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" title="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" class="gadu gadh"><span style="color:#1900ff;text-decoration:underline;font:700 10pt courier new,verdana;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;">' + google_ads[i].line1 + '<\/span><\/a> ' +
'<a href="http://ezinearticles.com' + google_ads[i].url + '" onmouseout="window.status=\'\'" onmouseover="window.status=\'\';return true;" style="text-decoration:none;margin:0 3px;padding:0;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;" alt="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" title="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" class="gadu"><span style="color:#1900ff;font:400 8pt courier new,verdana;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;">' + google_ads[i].visible_url + '<\/span><\/a> ' +
'<span style="color:#4b4b4b;font:400 10pt/12pt courier new,verdana;line-height:1.3;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;">' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '<\/span>' +
'<\/div>';
} s0 = '<div class="gad" style="width:100%;margin:0">' + s0 + '<\/div>';

if(document.getElementById('ad-3')) {
document.getElementById('ad-3').innerHTML = s0;
}
}

if(google_ads.length > 3) {
var s1 = '';

s1 += '<div style="margin:0 0 2px;padding:0"><a href="http://ezinearticles.com' + google_info.feedback_url + '" style="color:#616161;font:700 10pt courier new,verdana;margin:0 0 4px;padding:0;text-decoration:none">Ads by Google<\/a><\/div>'; for(i = 3; i < 21; ++i) {
if(i >= google_ads.length) { break; }
s1 += '<div id="gaditem-' + i + '" class="gaditem" style="margin:0 0 8px 0;padding:0">' +
'<a href="http://ezinearticles.com' + google_ads[i].url + '" onmouseout="window.status=\'\'" onmouseover="window.status=\'\';return true;" style="text-decoration:none;margin:0;padding:0;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;" alt="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" title="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" class="gadu gadh"><span style="color:#1900ff;text-decoration:underline;font:700 12pt courier new,verdana;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;">' + google_ads[i].line1 + '<\/span><\/a><br>' +
'<a href="http://ezinearticles.com' + google_ads[i].url + '" onmouseout="window.status=\'\'" onmouseover="window.status=\'\';return true;" style="text-decoration:none;margin:0;padding:0;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;" alt="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" title="' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '" class="gadu"><span style="color:#1900ff;font:400 9pt courier new,verdana;line-height:normal;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;">' + google_ads[i].visible_url + '<\/span><\/a><br>' +
'<span style="color:#4b4b4b;font:400 11pt courier new,verdana;line-height:1.3;font-stretch:normal;font-size-adjust:none;font-style:normal;font-variant:normal;">' + google_ads[i].line2 + ' ' + google_ads[i].line3 + '<\/span>' +
'<\/div>';
} s1 = '<div class="gad gad336" >' + s1 + '<\/div>';

if(document.getElementById('ad-4')) {
document.getElementById('ad-4').innerHTML = s1;
}
}

}
]]></script><script type="text/javascript" language="JavaScript"><![CDATA[

]]></script><script type="text/javascript" language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"/><script type="text/javascript" language="JavaScript"><![CDATA[

]]></script><script type="text/javascript" language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"/></div>
</div>

<div id="page">
<div id="page-inner">
<div id="article-title">
<div class="paper-fold-placeholder"/>
<h1>Making The Business Case For Web Standards</h1>
<p class="by-line"><em>
By
Karl Groves
</em></p>
</div>

<div id="ad-3-placeholder"/>
<script type="text/javascript"><![CDATA[
$('#ad-3-placeholder').append($('#ad-3').show());
]]></script><div id="article-body">
<div id="article-content">
<p>Through the explosive growth of the Web, companies have realized the benefit of building a strong online presence. By publishing a website to the Internet, companies are able to build their brand, market their products, support existing customers, release publicity pieces, and even take orders. Lost in the feverish pace of growth however, has been an eye on the effect that their current web-building practices have on the bottom line and the future of their online presence. Not only does the website content itself have an impact on the company's income but so does the way the site itself is created.</p><p>Building your site with a commitment to web standards - and continuously testing to ensure it maintains its adherence to those standards - can save your company money and even increase website related income.</p><p>What are web standards?</p><p>Web standards are, for purposes of this discussion, carefully designed sets of rules and protocols that drive web-based content throughout the Internet.</p><p>Specifically, web standards revolve around:</p><p/><ul><li>Structural Languages - such as HTML, XHTML, XML, SMIL, SVG, MathML

</li>
<li>Presentation Languages - such as CSS, XSL

</li>
<li>Document Object Model 

</li>
<li>ECMAScript 

</li>
</ul><p>These web standards have been defined by the Worldwide Web Consortium (W3C) and other standards bodies to ensure the interoperability and access of documents placed on the web. Documents that follow the established standards will benefit in many ways:</p><p/><ul><li>Lower maintenance effort and cost 

</li>
<li>Lower cost for redesign 

</li>
<li>Improved usability and accessibility 

</li>
<li>Broader compatibility across platforms and devices 

</li>
<li>Reduced hardware demand and cost 

</li>
</ul><p>Site wide look and feel consistency</p><p>Designing to current standards enables the site to maintain the same look and feel theme throughout the site. Standards also allow the site's look and feel to change rapidly with little additional load on personnel resources.</p><p>Improved usability: smaller document size loads faster</p><p>Designing to current standards means that - by proxy - the documents will be smaller. Because of this, the pages will load faster for the user. Download times have been shown to be a factor in website usability. A perceived delay in site presentation undermines users' evaluation of the site. Users systematically rate slower sites as less interesting and having lower quality content. In addition they report that delays interfere with task continuity, their ability to remember the site, and use flow. Exceedingly slow sites can lead users to believe an error has occurred. Finally, users correlate site performance and security: Chronically slow sites are considered to be less secure resources for purchase. (<a target="_new" rel="nofollow" href="http://ezinearticles.comhttp://www.humanfactors.com/downloads/aug03.asp">http://www.humanfactors.com/downloads/aug03.asp</a>)</p><p>Better cross-platform compatibility</p><p>As browser manufacturers come closer to adhering to web standards, it is becoming clearer that creating standards-based pages can be an increasing assurance that the site will operate across multiple platforms. "Rendering fine" is a myth born of misunderstanding. Considering that 5 different rendering engines are used to surf the web using dozens of browsers (and versions of those browsers) on 3 platforms, attempting to test the site for rendering in every configuration is next to impossible. Coding to standards then, is the only practical solution for ensuring compatibility - now and in the future.</p><p>Prepares for the future</p><p>"Rendering fine" on current browsers is no guarantee that a site with invalid markup will render fine in the future. Moreover, it is no guarantee that a site will render fine (or at all) in the growing number of non-traditional devices such as PDAs and cellular telephones. As browser manufacturers make further efforts to make their products adhere to standards, the point of "rendering fine" in target browsers becomes moot, anyway. Standards-compliant markup will be even more of a guarantee that it will work on all platforms than error-laden and proprietary markup.</p><p>Extensibility</p><p>Designing to the current standard means sites should be marked up using XHTML - an XML-compatible version of HMTL. Using this format will enable the company to venture into the inevitable world of XML without the need for major modifications to the site structure. XML features can be added quickly and painlessly.</p><p>Lower maintenance and easier troubleshooting</p><p>Personnel can come and go - but the code they create will stay behind. If that code contains error-laden, invalid markup and "work-arounds" for rendering in target browsers, it will cost the company money in personnel time to find the bad markup and make it right. "Because standards are very well documented, another person taking over some standard-compliant code can hit the ground running - and will not need to become familiar with the previous developer's coding practices." - Tristan Nitot, Netscape Communications ([http://devedge.netscape.com/viewsource/2003/why-web-standards])</p><p>Regardless of who does the site maintenance, designing to standards ensures shorter time spent hunting down problems. While poor rendering may very well be a buggy browser, in most cases "rendering improperly" usually means "something is wrong". Validation is one of the ways to uncover exactly what the issue is. By maintaining a standards-compliant site, you are providing yourself with insurance that if something goes awry, you will be able to more easily and quickly get to the possible cause. Simply put, if you know everything else is OK, you can focus any troubleshooting efforts on what has been changed instead of looking at what else already existed that could have caused or exacerbated the problem.</p><p>Accessibility</p><p>Designing with web standards makes accessibility an easier goal to achieve, as standards have been created with accessibility in mind.</p><p>Proper markup goes beyond "validity". Each element in (x)HTML has been created with a specified purpose, and so creating a standards-compliant site also means using the most appropriate element for the task at hand. Doing so increases accessibility. Proper markup gives alternative access devices the ability to provide context to the page's content.</p><p>Reduced bandwidth cost</p><p>Last, adhering to standards-based markup can reduce the amount that a company pays for bandwidth. As stated above, adherence to standards has the effect of reducing the size of a document - by up to 50% or more by some estimates. This can lead to big savings in bandwidth charges for high-traffic websites.</p><p>Standards just make sense</p><p>So what does all of this really mean? As the company's website becomes more important to its bottom line, standards can help position the company as a leader. Those who choose to make the commitment to quality will find a payoff that begins immediately and lasts into the future. Right now, you'll save on development of new content. In the future you'll benefit from reduced maintenance and increased agility. Standards compliance just makes sense.</p><p>Additional Resources</p><p/><ul><li>HTML Standards Compliance - Why Bother?

</li>
<li>Why Should You Validate Your Web Pages?

</li>
<li>WASP: Fighting For Standards Liberty! 

</li>
<li>Quality! Validity!

</li>
<li>Why We Won't Help You

</li>
<li>How User-Agents Handle Tag Soup

</li>
<li>The Business Value Of Web Standards

</li>
<li>Web Standards For Business

</li>
</ul></div>
<div id="article-resource">
<p>Karl Groves is a freelance web designer who has done production work on sites for National Cancer Institute, Network For Good, Aerospace Medical Association and more.</p> </div>

</div>
</div>
</div>

<div class="clear-both"/>

<div class="top-gdfp-container">
<div class="gdfp" id="gdfp_rb">


<script type="text/javascript"><![CDATA[
GA_googleFillSlot("belowresourcebox");
]]></script></div>
</div>

<div class="tools-container print-hide">
<div class="bottom-utility-box">
<div class="bottom-utility-box-header">
<div class="helpful helpful-inline active">
Did you find this article helpful?
<a class="helpful-yes trigger-modal" href="http://ezinearticles.com#/rpc/article/helpful/form.json?callback=setupHelpfulForm">0</a>
<a class="helpful-no trigger-modal" href="http://ezinearticles.com#/rpc/article/helpful/form.json?callback=setupHelpfulForm">0</a>
</div>
<div class="share-bar bottom-utility-box-share-bar">
<a href="http://ezinearticles.com/share/?id=22717&site=facebook" rel="nofollow" target="_new">
<img class="site-sprite facebook-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=twitter" rel="nofollow" target="_new">
<img class="site-sprite twitter-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=stumbleupon" rel="nofollow" target="_new">
<img class="site-sprite stumble-upon-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=del.icio.us" rel="nofollow" target="_new">
<img class="site-sprite delicious-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=friendfeed" rel="nofollow" target="_new">
<img class="site-sprite friend-feed-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>
<a href="http://ezinearticles.com/share/?id=22717&site=digg" rel="nofollow" target="_new">
<img class="site-sprite digg-icon" src="http://img.ezinearticles.com/spriting/trans.gif"/></a>

<span class="google-plusone">
<plusone size="medium"/></span>
</div>
</div>

</div>
</div>

<div class="skyscraper-container">

<script type="text/javascript" language="JavaScript"><![CDATA[

]]></script><script type="text/javascript" language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"/></div>

<div class="skyscraper-right-content print-hide">
<div class="left-tools">
<div class="toolbox get-involved">
<div class="toolbox-header">Get Involved</div>
<div class="toolbox-content">

<a class="article-action" href="http://ezinearticles.com/comment.php?Making-The-Business-Case-For-Web-Standards&id=22717" rel="nofollow" title="View comments for this article.">
<img class="article-sprite chat-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
0 comments </a>

<a class="article-action trigger-modal" href="http://ezinearticles.com#/rpc/article/suggestTopic/form.json?callback=setupSuggestTopicForm&author=0" title="Suggest An Article Topic For Karl Groves">
<img class="article-sprite cloud-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
Suggest a topic
</a>

</div>
</div>

<div class="toolbox article-tools">
<div class="toolbox-header">Article Tools</div>
<div class="toolbox-content">
<a id="print-article" class="article-action " href="http://ezinearticles.com#" target="_new" title="Print Article">
<img class="article-sprite print-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
Print this article
</a>

<a class="trigger-modal article-action" href="http://ezinearticles.com#/rpc/article/emailArticle/form.json?callback=setupEmailForm" title="Recommend Article">
<img class="article-sprite envelope-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
E-mail to a friend
</a>

<a class="article-action" href="http://ezinearticles.com/ezinepublisher/?id=22717" title="Publish this article">
<img class="article-sprite copy-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
EzinePublisher
</a>

<a class="article-action trigger-modal" href="http://ezinearticles.com#/rpc/article/report/form.json?callback=setupReportForm" title="Report This Article">
<img class="article-sprite flag-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
Report this article
</a>

<a class="trigger-modal article-action" href="http://ezinearticles.com#action-do-cite">
<img class="article-sprite bookmark-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
Cite this article
</a>

</div>
</div>
</div>
<div class="toolbox stay-informed">
<div class="toolbox-header">Stay Informed</div>
<div class="toolbox-content">
<div class="stay-informed-info">
<div class="stay-informed-tooltip modal">
Get notified by email when new articles are added to this category or written by this author.
</div>
</div>
<p class="action-title subscribe-title">Subscribe to New Article Alerts:</p>

<form id="alerts-subscribe-form" class="subscribe-form" action="" method="POST">
<p>
<label>
<input type="checkbox" checked="checked" name="list" value="ea-internet-and-businesses-online-web-development"/> Internet and Businesses Online: Web-Development </label><br/><label>
<input type="checkbox" checked="checked" name="author_alert" value="0"/> Karl Groves </label>
</p>

<div class="subscribe-input-group" style="display:inline;width:180px;">
<label class="subscribe-label" for="email">Email Address:</label>
<input class="subscribe-input" type="text" name="email" value="" maxlength="100"/></div>

<div class="subscribe-input-group" style="margin-top:31px;display:inline;width:80px;margin-right:0;">
<button class="button green-button small-button" type="submit" name="subscribe" title="Subscribe">Subscribe</button>
</div>
<div style="clear:both;"/>
<div style="margin-left:10px;">
<img class="subscribe-tag-line" width="169" height="20" alt="" src="/images/sub_tag_line.gif"/></div>
</form>

<a class="article-action" href="http://ezinearticles.comhttp://feeds.ezinearticles.com/category/Internet-and-Businesses-Online:Web-Development.xml">
<img class="site-sprite big-rss-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt=""/>
Web Development Article Feed
</a>

</div>
</div>
<div class="search-link-unit">

<script type="text/javascript" language="JavaScript"><![CDATA[

function google_ad_request_done(ads) { }

function google_radlink_request_done(radlinks) {
if(radlinks.length < 1)
return;

document.write("<div class=\"gadlu gadlu-h\"> <a href=\"https://www.google.com/adsense/support/bin/request.py?contact=abg_afc\" style=\"text-decoration:none\"><span class=\"gadlu-abg\">Ads By Google<\/span><\/a>");
for(i=0;i<radlinks.length;i++) {
document.write(" <a target=\"_top\" href=\"/trusted-results/?google_kw=" + radlinks[i].url_escaped_term + "&google_rt=" + radlinks[i].radlink_token + "&google_page_url=" + encodeURIComponent(window.location) + "\">" + radlinks[i].term + "<\/a> ");
}
document.write("<\/div>");

}
]]></script><script type="text/javascript" language="JavaScript"><![CDATA[

]]></script><script type="text/javascript" language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"/></div>
<div class="toolbox" style="width:752px;">
<div class="toolbox-header">Find More Articles</div>
<div class="toolbox-content" style="padding:15px;">
<div class="google-search-box internal-search">
<form action="/search/">
<div id="gcse-head-container">
<input type="text" name="q" maxlength="255" class="google-search-input"/><button type="submit" class="button black-button">Search</button>
</div>
</form>
<div class="google-search-icon"/>
</div>
</div>
</div>

<div id="article-lists">

<div class="article-list-col">
<div class="article-list-col-inner">

<h3>Similar Articles</h3>

<ul class="ea-similar-articles ea-article-list"><li>
<a href="http://ezinearticles.com/?Website-Insurance---Web-Standards-Ensure-the-Business-Value-of-Your-Website&id=5541404">Website Insurance - Web Standards Ensure the Business Value of Your Website</a>
</li>
<li>
<a href="http://ezinearticles.com/?The-Web-Accessibility-Myth-in-the-UK&id=250667">The Web Accessibility Myth in the UK</a>
</li>
<li>
<a href="http://ezinearticles.com/?Is-Your-CMS-Building-Ramps-To-Your-Web-Site?&id=922484">Is Your CMS Building Ramps To Your Web Site?</a>
</li>
<li>
<a href="http://ezinearticles.com/?W3C-Compliance&id=208740">W3C Compliance</a>
</li>
<li>
<a href="http://ezinearticles.com/?How-To-Secure-Your-Tourism-E-Commerce-Website&id=7138406">How To Secure Your Tourism E-Commerce Website</a>
</li>
<li>
<a href="http://ezinearticles.com/?Understanding-Mobile-Phones&id=6541186">Understanding Mobile Phones</a>
</li>
<li>
<a href="http://ezinearticles.com/?PCI-Data-Security---What-You-Dont-Know-Can-Cost-You&id=3912825">PCI Data Security - What You Don't Know Can Cost You</a>
</li>
<li>
<a href="http://ezinearticles.com/?Should-an-Organization-Design-Its-Own-Online-Billing-Solution?&id=6825504">Should an Organization Design Its Own Online Billing Solution?</a>
</li>
<li>
<a href="http://ezinearticles.com/?Club-Sea-Breeze---A-Five-Essentials-Review&id=3695093">Club Sea Breeze - A Five Essentials Review</a>
</li>
</ul></div>
</div>
<div class="article-list-col">
<div class="article-list-col-inner">

<h3>Recent Articles</h3>

<ul class="ea-recent-articles ea-article-list"><li>
<a href="http://ezinearticles.com/?Select-A-Good-Developer-For-A-Robust-Content-Management-System&id=7246566">Select A Good Developer For A Robust Content Management System</a>
</li>
<li>
<a href="http://ezinearticles.com/?Using-ASP-Dot-NET-Solutions-to-Improve-Websites-Functionality&id=7257175">Using ASP Dot NET Solutions to Improve Website's Functionality</a>
</li>
<li>
<a href="http://ezinearticles.com/?HTML-to-Magento&id=7253010">HTML to Magento</a>
</li>
<li>
<a href="http://ezinearticles.com/?How-Can-I-Make-My-Own-Website-Quickly?&id=7256551">How Can I Make My Own Website Quickly?</a>
</li>
<li>
<a href="http://ezinearticles.com/?Learn-How-to-Make-My-Own-Website&id=7256546">Learn How to Make My Own Website</a>
</li>
<li>
<a href="http://ezinearticles.com/?Why-Should-You-Use-Flash-Website-Templates?&id=7256542">Why Should You Use Flash Website Templates?</a>
</li>
<li>
<a href="http://ezinearticles.com/?What-You-Need-To-Know-About-Creating-A-Website&id=7256535">What You Need To Know About Creating A Website</a>
</li>
<li>
<a href="http://ezinearticles.com/?Use-Open-Source-Customization-and-Integration-to-Build-Powerful-Online-Stores&id=7254481">Use Open Source Customization and Integration to Build Powerful Online Stores</a>
</li>
<li>
<a href="http://ezinearticles.com/?PSD-to-WordPress&id=7252418">PSD to WordPress</a>
</li>
<li>
<a href="http://ezinearticles.com/?HTML-to-WordPress&id=7254428">HTML to WordPress</a>
</li>
</ul></div>
</div>

</div>
<div class="clear-both"/>

<div class="bottom-gdfp-container">
<div class="gdfp" id="gdfp_mp">


<script type="text/javascript"><![CDATA[
GA_googleFillSlot("EA-BelowMP550x250");
]]></script></div>
</div>

</div>
<div class="clear-both"/>

<p class="article-meta center-text print-hide">Submitted On March 22, 2005. Viewed 447 times. Word count: 1,129.</p>

<div class="gadlu-full">
<div align="center" style="margin:0 0 10px">

<script type="text/javascript" language="JavaScript"><![CDATA[

function google_ad_request_done(ads) { }

function google_radlink_request_done(radlinks) {
if(radlinks.length < 1)
return;

document.write("<div class=\"gadlu gadlu-h\"> <a href=\"https://www.google.com/adsense/support/bin/request.py?contact=abg_afc\" style=\"text-decoration:none\"><span class=\"gadlu-abg\">Ads By Google<\/span><\/a>");
for(i=0;i<radlinks.length;i++) {
document.write(" <a target=\"_top\" href=\"/trusted-results/?google_kw=" + radlinks[i].url_escaped_term + "&google_rt=" + radlinks[i].radlink_token + "&google_page_url=" + encodeURIComponent(window.location) + "\">" + radlinks[i].term + "<\/a> ");
}
document.write("<\/div>");

}
]]></script><script type="text/javascript" language="JavaScript"><![CDATA[

]]></script><script type="text/javascript" language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"/></div>
</div>

<div id="action-do-cite" class="modal">
<a class="modal-close" href="http://ezinearticles.com#"/>

<div class="citation">
<span class="citation-header">MLA Style Citation:</span>
<br/>
Groves, Karl "Making The Business Case For Web Standards."
<span class="underline">Making The Business Case For Web Standards</span>.
22 Mar. 2005 <em>EzineArticles.com.</em>
31 Aug. 2012 <<a href="http://ezinearticles.comhttp://ezinearticles.com/?Making-The-Business-Case-For-Web-Standards&id=22717">http://ezinearticles.com/?Making-The-Business-Case-For-Web-Standards&id=22717</a>>.
</div>

<div class="citation">
<span class="citation-header">APA Style Citation:</span>
<br/>
Groves, K. (2005, March 22). <i>Making The Business Case For Web Standards</i>.
Retrieved August 31, 2012, from <a href="http://ezinearticles.comhttp://ezinearticles.com/?Making-The-Business-Case-For-Web-Standards&id=22717">http://ezinearticles.com/?Making-The-Business-Case-For-Web-Standards&id=22717</a>
</div>

<div class="citation">
<span class="citation-header">Chicago Style Citation:</span>
<br/>
Groves, Karl "Making The Business Case For Web Standards." <i>Making The Business Case For Web Standards</i>
<em>EzineArticles.com</em>. <a href="http://ezinearticles.comhttp://ezinearticles.com/?Making-The-Business-Case-For-Web-Standards&id=22717">http://ezinearticles.com/?Making-The-Business-Case-For-Web-Standards&id=22717</a>
</div>
</div>

<img width="1" height="1" src="/blank/22717/img.gif"/></div>
</div>

<div class="clear-both"/>

<div id="footer">
<div class="wrapper">

<div id="footer-container">

<div id="ezinearticles-nav" class="section">
<div class="col">
<h4><a href="http://ezinearticles.comhttp://ezinearticles.com/">EzineArticles.com</a></h4>
<p id="copyright">© 2012 EzineArticles.com<br/>All Rights Reserved Worldwide</p>
</div>
<ul class="col"><li><a href="http://ezinearticles.comhttp://ezinearticles.com/about.html">About Us</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/faq/">FAQ</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/contact.html">Contact Us</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/benefits/">Member Benefits</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/privacy-policy.html">Privacy Policy</a></li>
<li><a href="http://ezinearticles.comhttp://shop.ezinearticles.com/">Shop</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/sitemap.html">Site Map</a></li>
</ul><ul class="col"><li><a href="http://ezinearticles.comhttp://blog.ezinearticles.com/">Blog</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/training/">Training</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/videos/">Video Library</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/advertise/">Advertising</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/affiliates/">Affiliates</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/cartoons/">Cartoons</a></li>
</ul></div>
<div id="authors-nav" class="section">
<div class="col">
<h4>Authors</h4>
</div>
<ul class="col"><li><a href="http://ezinearticles.comhttp://ezinearticles.com/submit/">Submit Articles</a></li>

<li><a href="http://ezinearticles.comhttp://members.ezinearticles.com/">Members Login</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/premium/">Premium Membership</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/?type=experts">Expert Authors</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/endorsements/">Endorsements</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/editorial-guidelines/">Editorial Guidelines</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/author-terms-of-service.html">Terms of Service</a></li>

</ul></div>
<div id="publishers-nav" class="section">
<div class="col">
<h4>Publishers</h4>
<h4 class="follow-us-nav">Follow Us</h4>
</div>
<ul class="col"><li><a href="http://ezinearticles.comhttp://ezinearticles.com/terms-of-service.html">Terms Of Service</a></li>

<li><a href="http://ezinearticles.comhttp://ezinearticles.com/subscribe/">Ezines / Email Alerts</a></li>
<li><a href="http://ezinearticles.comhttp://subscriptions.ezinearticles.com/">Manage Subscriptions</a></li>
<li><a href="http://ezinearticles.comhttp://ezinearticles.com/rss/">EzineArticles RSS</a></li>
<li class="follow-us-row">
<a href="http://ezinearticles.comhttp://blog.ezinearticles.com" target="_blank" title="Follow us on the EzineArticles Blog"><img class="site-sprite follow-icon big-blog-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt="Follow us on the EzineArticles Blog"/></a>
<a href="http://ezinearticles.comhttp://www.facebook.com/EZINEARTICLES" target="_blank" title="Follow us on Facebook"><img class="site-sprite follow-icon big-facebook-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt="Follow us on Facebook"/></a>
<a href="http://ezinearticles.comhttp://twitter.com/EzineArticles" target="_blank" title="Follow us on Twitter"><img class="site-sprite follow-icon big-twitter-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt="Follow us on Twitter"/></a>
<a href="http://ezinearticles.comhttp://www.youtube.com/user/EzineArticles" target="_blank" title="Follow us on YouTube"><img class="site-sprite follow-icon big-you-tube-icon" src="//img.ezinearticles.com/spriting/trans.gif" alt="Follow us on You Tube"/></a>
</li>
</ul></div>

<div class="clear-both"/>
</div>

<script type="text/javascript"><![CDATA[
if(typeof ea_gatd == 'function') { ea_gatd(); }
]]></script></div>
</div>

</body></html>
</div>

Happy Garden

Friday, August 31, 2012

Making The Business Case For Web Standards

No comments:

Post a Comment

Labels