CINXE.COM

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.coolfields.co.uk/2010/02/importance-of-print-stylesheet/","20121014132733","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1350221253"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width,maximum-scale=1.0"> <title>The Importance of the Print Stylesheet | Coolfields Consulting</title> <meta name="author" content="Graham Armfield"/> <style type="text/css" media="screen">@import url(https://web.archive.org/web/20121014132733cs_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/style.css);</style>  <style type="text/css" media="print">@import url(https://web.archive.org/web/20121014132733cs_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/coolfields_print.css);</style> <script type="text/javascript" src="https://web.archive.org/web/20121014132733js_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/js/image-fader.js"></script>  <link rel="icon" href="https://web.archive.org/web/20121014132733im_/http://www.coolfields.co.uk/favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="/web/20121014132733im_/http://www.coolfields.co.uk/favicon.ico" type="image/x-icon"/> <link rel="alternate" type="application/rss+xml" title="Coolfields Consulting RSS Feed" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/feed/"/> <link rel="pingback" href="http://www.coolfields.co.uk/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="Coolfields Consulting 禄 Feed" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/feed/"/> <link rel="alternate" type="application/rss+xml" title="Coolfields Consulting 禄 Comments Feed" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/comments/feed/"/> <link rel="alternate" type="application/rss+xml" title="Coolfields Consulting 禄 The Importance of the Print Stylesheet Comments Feed" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/importance-of-print-stylesheet/feed/"/> <link rel="prev" title="Creating a Twitter Theme" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/creating-a-twitter-theme/"/> <link rel="next" title="Two New Websites Launched" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/06/two-new-websites-launched/"/> <link rel="canonical" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/importance-of-print-stylesheet/"/> <link rel="shortlink" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/?p=8"/>  <meta name="robots" content="index,follow,noodp,noydir"/> <meta name="description" content="Few developers seem aware of the print stylesheet which influences the presentation of your pages when they are printed. Find out how to create and use one."/> <meta name="keywords" content="print, stylesheet, css, printing, pages,CSS,Print,Technical Tips,Usability"/> <link rel="canonical" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/importance-of-print-stylesheet/"/>  <style type="text/css" media="all"> /* <![CDATA[ */ @import url("https://web.archive.org/web/20121014132733cs_/http://www.coolfields.co.uk/wp-content/plugins/wp-table-reloaded/css/plugin.css?ver=1.9.2"); .wp-table-reloaded-id-1 .row-2 .column-1, .wp-table-reloaded-id-1 .row-2 .column-3, .wp-table-reloaded-id-2 .row-2 .column-1, .wp-table-reloaded-id-2 .row-2 .column-3, .wp-table-reloaded-id-3 .row-2 .column-1, .wp-table-reloaded-id-3 .row-2 .column-3 {width: 25%; min-height: 5em} .wp-table-reloaded-id-1 .row-2, .wp-table-reloaded-id-2 .row-2, .wp-table-reloaded-id-3 .row-2{height: 8em} .wp-table-reloaded-id-1 td, .wp-table-reloaded-id-2 td, .wp-table-reloaded-id-3 td { font-size:120%; } /* ]]> */ </style> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-11452126-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20121014132733/https://ssl' : 'https://web.archive.org/web/20121014132733/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  </head> <body>  <a href="#content" class="access">Jump to main content of page</a> <a href="#nav-header" class="access">Jump to main navigation links</a> <div id="wrap-out"> <div id="wrap-in">  <div id="ban-out" role="banner"> <div id="ban-in"> <div id="ban-logo"><img src="https://web.archive.org/web/20121014132733im_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/images/coolfields-hdr-logo2.gif" width="160" height="100" title="Coolfields Logo" alt="Coolfields Logo"/> </div> <div id="ban-text"> <p id="strap1">Coolfields Consulting</p> <p id="strap2">Creating Effective, Accessible Websites</p>  </div> <div class="clear"></div> </div> </div>   <div id="content-wrapper"> <div id="content" role="main">  <h1 class="blog" id="post-8">The Importance of the Print Stylesheet</h1> <p class="post-header align-left"> <span class="date">Published: Feb 15th, 2010 | </span> <span class="author">Author: Graham Armfield | </span> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/importance-of-print-stylesheet/#comments" class="comments">No Comments</a> </p> <p>Most website developers are aware of the concept of stylesheets and how they can help separate semantic HTML from presentation (colours, layout etc). Some sites such as Zen Garden have taken things to the absolute by using exactly the same HTML markup but with different CSS stylesheets to present some outstanding pages.</p> <p>But few developers seem aware of the聽concept of a聽print stylesheet聽which聽has influence聽over the presentation of your pages when your users decide to print them. Even fewer actually know how to create and use one.<span id="more-8"></span></p> <h3>Problems caused by lack of print stylesheet</h3> <p>Now in the digital聽age it is not always necessary to print information off, but some users will still want to do it. If your site doesn’t have a well-crafted print stylesheet your users might get really frustrated with what聽comes out of their printer.</p> <p>One of the commonest problems is that content disappears off the right hand side of the paper – I’m sure we’ve all seen that. Other issues concern sites which have dark backgrounds – your users may use a lot of their expensive print cartridges on these pages.</p> <p>So what’s the solution?</p> <h3>What do your users need to see?</h3> <p>Think about which elements your user wants to see when they print a page. Obviously they’ll want to see the main content of your page – whether it’s text or their bank statement, along with all the headings. If you have images in your content then they’ll probably be best left in. But what else?</p> <h3>Navigation and links</h3> <p>On a web page on a monitor your user can click on all the links to navigate around your site and use the functionality you have provided. But on the printed page that just isn’t possible. So think about whether it’s necessary to show your navigation tabs or column. The same goes for all those links at the top and bottom of your pages.</p> <p>Links within the page text obviously cannot be followed, but it may be useful to indicate that they are links and the sense of the text may be lost if they are excluded.</p> <h3>Logos and other branding</h3> <p>It’s probably important to keep your logos and company name in – these are often images anyway, but what about your page colour scheme? For most users the content of the page is the key information they want to keep. So how about presenting it in black聽on white like most books and other printed documents would be? Also, by default browsers will often ignore background colours and images when printing.</p> <p>Coloured inks and cartridges for printers are always more expensive that the black ones so why not do your users a favour and use as little of their coloured inks as possible. Some users may choose to print in black and white anyway.</p> <h3>Fixed-width layouts</h3> <p>Some sites are based on fixed-width layouts and these can sometimes lead to problems when pages are printed. If the fixed width is too wide for the printed page the right hand end of each line is likely to get truncated which can seriously affect the legibility of the content. It’s best to go with a fluid layout in the print stylesheet so it takes up the full width of the page but no more.</p> <h3>Including a Print Stylesheet</h3> <p>A print stylesheet is included in the same way as a screen stylesheet – you just need to indicate which destination it’s for – print in this case.</p> <h3>Need More Info?</h3> <p><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/contact/">Contact us today</a> if you need help with a print stylesheet for your website.</p> <p class="post-footer align-left"> <span class="readmore">Categories: <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/technical-tips/" rel="tag">Technical Tips</a>, <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/usability/" rel="tag">Usability</a></span> | <span class="tags">Tags: <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/css/" rel="tag">CSS</a>, <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/print/" rel="tag">Print</a></span> | <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/importance-of-print-stylesheet/#comments" class="comments">No Comments</a> </p> <ul class="addtoany_list"></ul>   <p id="comments"><strong>There are no comments yet - would you like to leave one?</strong></p> <h3 id="respond">Like to leave a comment?</h3> <p><strong>Please note:</strong> All comments are moderated before they will appear on this site.</p> <form action="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/wp-comments-post.php" method="post" id="commentform"> <p><label for="author">Your Name (required)</label><br/> <input type="text" name="author" id="author" value="" size="35"/> </p> <p><label for="email">Your eMail (will not be published) (required)</label><br/> <input type="text" name="email" id="email" value="" size="35"/> </p> <p><label for="url">Your Website</label><br/> <input type="text" name="url" id="url" value="" size="35"/> </p> <p><label for="comment">What would you like to say?</label><br/> <textarea name="comment" id="comment" cols="35" rows="10"></textarea></p> <input type="hidden" name="comment_post_ID" value="8"/> <p><input name="submit" type="submit" id="submit" value="Submit Comment"/> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="9e07295ba5"/></p> </form> <p><strong>Previous post: <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/creating-a-twitter-theme/" rel="prev">Creating a Twitter Theme</a></strong></p> <p><strong>Next post: <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/06/two-new-websites-launched/" rel="next">Two New Websites Launched</a></strong></p> <p class="end"> </p> </div> <div id="sidebars" role="complementary"> <div id="sidebarnav"> <h2 id="nav-header">Main Navigation</h2> <ul class="level1" role="navigation"> <li class="page_item page-item-278"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/">Home</a></li> <li class="page_item page-item-581"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/website-design-development/">Website Design and Development</a></li> <li class="page_item page-item-590"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/website-accessibility/">Website Accessibility</a> <ul class="children"> <li class="page_item page-item-1327"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/website-accessibility/free-website-accessibility-check/">Free Website Accessibility Check</a></li> </ul> </li> <li class="page_item page-item-575"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/services/">Other Services</a> <ul class="children"> <li class="page_item page-item-593"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/services/usability/">Usability</a></li> <li class="page_item page-item-587"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/services/seo/">Search Engine Optimization (SEO)</a></li> <li class="page_item page-item-596"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/services/socialmedia/">Social Media</a></li> <li class="page_item page-item-599"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/services/hosting/">Website Hosting</a></li> </ul> </li> <li class="page_item page-item-567"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/about/">About Us</a></li> <li class="page_item page-item-571"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/portfolio/">Portfolio</a></li> <li class="page_item page-item-578"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/contact/">Contact Us</a></li> <li class="page_item page-item-279 current_page_parent"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/blog/">Blog</a> <ul class="children"> <li class="page_item page-item-1300"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/blog/blog-posts-full-list/">Blog Posts Full List</a></li> <li class="page_item page-item-872"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/blog/subscribe/">Subscribe</a></li> </ul> </li> </ul> </div> <div id="follow-us"> <ul id="" class=""> <li><a class="twitter" href="https://web.archive.org/web/20121014132733/http://www.twitter.com/coolfields"><img src="https://web.archive.org/web/20121014132733im_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/images/social-med-02.gif" height="180" width="36" alt="Coolfields on Twitter" title="Coolfields on Twitter"></a> </li> <li><a class="linkedin" href="https://web.archive.org/web/20121014132733/http://www.linkedin.com/companies/770069"><img src="https://web.archive.org/web/20121014132733im_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/images/social-med-02.gif" height="180" width="36" alt="Coolfields on LinkedIn" title="Coolfields on LinkedIn"></a> </li> <li><a class="facebook" href="https://web.archive.org/web/20121014132733/http://www.facebook.com/pages/Woking-United-Kingdom/Coolfields-Consulting/128170303860819"><img src="https://web.archive.org/web/20121014132733im_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/images/social-med-02.gif" height="180" width="36" alt="Coolfields on Facebook" title="Coolfields on Facebook"></a></li> <li><a class="rss" href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/feed/"><img src="https://web.archive.org/web/20121014132733im_/http://www.coolfields.co.uk/wp-content/themes/coolfields03/images/social-med-02.gif" height="180" width="36" alt="Coolfields RSS Feed" title="Coolfields RSS Feed"></a></li> </ul> <div class="clear"></div>  </div>  <div id="blogmenu"> <ul id="blog-top-level"> <li id="search"> <h2>Search Our Site</h2> <form id="searchform" method="get" action="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/" role="search"> <div> <label for="s">Search for:</label> <input type="text" name="s" id="s" size="25" value=""/><br/> <input type="submit" value="Search"/> </div> </form> </li> <li id="recent-posts" role="navigation"> <h2>Recent Blog Posts</h2> <ul> <li>  <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/07/work-starting-on-wordpress-3-5-now-is-the-time-to-raise-those-accessibility-tickets/" id="post-1710">Work starting on WordPress 3.5 – Now is the time to raise those accessibility tickets.</a> </li> <li>  <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/07/wordpress-and-web-accessibility-why-its-important-wordcamp-uk-2012/" id="post-1682">WordPress and Web Accessibility: Why It’s Important – WordCamp UK 2012</a> </li> <li>  <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/07/raising-a-wordpress-trac-ticket-for-accessibility-issues/" id="post-1663">Raising a WordPress Trac Ticket for Accessibility Issues</a> </li> <li>  <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/06/2012-european-e-inclusion-awards-winners-announced/" id="post-1654">2012 European e-Inclusion Awards Winners Announced</a> </li> <li>  <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/04/wordpress-admin-menu-accessibility-plugin-version-0-1/" id="post-1588">WordPress Admin Menu Accessibility Plugin Version 0.1</a> </li> </ul> </li> <li id="subscribe" role="form"> <h2>Subscribe</h2> <div> <p>Receive notification of news and updates from Coolfields Consulting</p> <form method="post" action=""><input type="hidden" name="ip" value="207.241.237.237"/><p><label for="s2email">Your email:</label><br/><input type="text" name="email" id="s2email" value="Enter email address..." size="20" onfocus="if (this.value == 'Enter email address...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter email address...';}"/></p><p><input type="submit" name="subscribe" value="Subscribe"/> <input type="submit" name="unsubscribe" value="Unsubscribe"/></p></form> </div> </li> <li id="meta"> <h2>Feeds</h2> <ul> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/feed/">Blog <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/comments/feed/">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li> </ul> </li> <li class="categories"><h2>Blog Categories:</h2><ul> <li class="cat-item cat-item-4"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/accessibility/">Accessibility</a> </li> <li class="cat-item cat-item-19"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/assistive-technology/">Assistive Technology</a> </li> <li class="cat-item cat-item-36"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/browsers/">Browsers</a> </li> <li class="cat-item cat-item-3"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/news/">Coolfields News</a> </li> <li class="cat-item cat-item-57"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/e-inclusion/">e-Inclusion</a> </li> <li class="cat-item cat-item-37"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/events/">Events</a> </li> <li class="cat-item cat-item-21"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/social-media/">Social Media</a> </li> <li class="cat-item cat-item-18"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/technical-tips/">Technical Tips</a> </li> <li class="cat-item cat-item-61"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/training/">Training</a> </li> <li class="cat-item cat-item-8"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/usability/">Usability</a> </li> <li class="cat-item cat-item-59"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/category/wordpress/">WordPress</a> </li> </ul></li> <li id="tags"><h2>Blog Tags</h2><div> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/a11yldn/" class="tag-link-16" title="4 topics" style="font-size: 120%;">a11yLDN</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/blindness/" class="tag-link-27" title="1 topic" style="font-size: 80%;">Blindness</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/bs-8878/" class="tag-link-46" title="1 topic" style="font-size: 80%;">BS 8878</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/chrome/" class="tag-link-39" title="1 topic" style="font-size: 80%;">Chrome</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/cognitive-impairments/" class="tag-link-30" title="4 topics" style="font-size: 120%;">Cognitive Impairments</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/conference/" class="tag-link-17" title="4 topics" style="font-size: 120%;">Conference</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/css/" class="tag-link-6" title="3 topics" style="font-size: 110%;">CSS</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/deafness/" class="tag-link-29" title="1 topic" style="font-size: 80%;">Deafness</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/definitions/" class="tag-link-9" title="1 topic" style="font-size: 80%;">Definitions</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/disabilities/" class="tag-link-26" title="1 topic" style="font-size: 80%;">Disabilities</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/dyslexia/" class="tag-link-31" title="1 topic" style="font-size: 80%;">Dyslexia</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/elderly-people/" class="tag-link-32" title="1 topic" style="font-size: 80%;">Elderly People</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/equality-act/" class="tag-link-49" title="1 topic" style="font-size: 80%;">Equality Act</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/evolving-standards-in-accessibility/" class="tag-link-45" title="2 topics" style="font-size: 98%;">Evolving Standards in Accessibility</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/firefox/" class="tag-link-40" title="1 topic" style="font-size: 80%;">Firefox</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/fix-the-web/" class="tag-link-56" title="1 topic" style="font-size: 80%;">Fix the Web</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/flash/" class="tag-link-50" title="1 topic" style="font-size: 80%;">Flash</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/forms/" class="tag-link-35" title="6 topics" style="font-size: 135%;">Forms</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/forum/" class="tag-link-24" title="1 topic" style="font-size: 80%;">Forum</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/headings/" class="tag-link-20" title="2 topics" style="font-size: 98%;">Headings</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/html/" class="tag-link-5" title="6 topics" style="font-size: 135%;">HTML</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/html5/" class="tag-link-38" title="2 topics" style="font-size: 98%;">HTML5</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/images/" class="tag-link-25" title="1 topic" style="font-size: 80%;">Images</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/keyboard-accessibility/" class="tag-link-52" title="4 topics" style="font-size: 120%;">Keyboard Accessibility</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/keyboard-focus/" class="tag-link-53" title="3 topics" style="font-size: 110%;">Keyboard Focus</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/legal-points/" class="tag-link-48" title="1 topic" style="font-size: 80%;">Legal Points</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/lightbox/" class="tag-link-55" title="1 topic" style="font-size: 80%;">Lightbox</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/lwsbrowser/" class="tag-link-44" title="1 topic" style="font-size: 80%;">lwsbrowser</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/mental-health/" class="tag-link-51" title="1 topic" style="font-size: 80%;">Mental Health</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/mobiles/" class="tag-link-22" title="1 topic" style="font-size: 80%;">Mobiles</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/motor-impairment/" class="tag-link-28" title="2 topics" style="font-size: 98%;">Motor Impairment</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/navigation/" class="tag-link-10" title="4 topics" style="font-size: 120%;">Navigation</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/opera/" class="tag-link-41" title="1 topic" style="font-size: 80%;">Opera</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/plugins/" class="tag-link-54" title="6 topics" style="font-size: 135%;">Plugins</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/print/" class="tag-link-15" title="1 topic" style="font-size: 80%;">Print</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/screen-reader/" class="tag-link-11" title="9 topics" style="font-size: 150%;">Screen Reader</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/seo/" class="tag-link-12" title="1 topic" style="font-size: 80%;">SEO</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/state-of-the-browser/" class="tag-link-42" title="2 topics" style="font-size: 98%;">State of the Browser</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/support-technology/" class="tag-link-43" title="1 topic" style="font-size: 80%;">Support Technology</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/theme/" class="tag-link-14" title="4 topics" style="font-size: 120%;">Theme</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/themes/" class="tag-link-60" title="2 topics" style="font-size: 98%;">Themes</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/twitter/" class="tag-link-13" title="1 topic" style="font-size: 80%;">Twitter</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/wai/" class="tag-link-47" title="1 topic" style="font-size: 80%;">WAI</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/wcag1-0/" class="tag-link-33" title="1 topic" style="font-size: 80%;">WCAG1.0</a> <a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/tag/wcag2-0/" class="tag-link-34" title="3 topics" style="font-size: 110%;">WCAG2.0</a> </div></li> <li id="archives"><h2>Blog Archives</h2><ul> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/07/">July 2012</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/06/">June 2012</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/04/">April 2012</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2012/02/">February 2012</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2011/12/">December 2011</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2011/10/">October 2011</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2011/08/">August 2011</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2011/05/">May 2011</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2011/04/">April 2011</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2011/03/">March 2011</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/12/">December 2010</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/11/">November 2010</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/10/">October 2010</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/06/">June 2010</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/02/">February 2010</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2010/01/">January 2010</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2009/12/">December 2009</a></li> <li><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/2009/11/">November 2009</a></li> </ul></li> </ul> </div>  </div> <div class="clear"></div> </div>  <div id="footer" role="contentinfo"> <div id="foot1"> <p>Copyright © 2009 - 2012 Coolfields Consulting     Call us on 01483 856613     Email us at enquiries@coolfields.co.uk</p> </div> <ul id="foot-link-list"> <li class="page_item page-item-278"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/">Home</a></li> <li class="page_item page-item-581"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/website-design-development/">Website Design and Development</a></li> <li class="page_item page-item-590"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/website-accessibility/">Website Accessibility</a></li> <li class="page_item page-item-575"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/services/">Other Services</a></li> <li class="page_item page-item-567"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/about/">About Us</a></li> <li class="page_item page-item-571"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/portfolio/">Portfolio</a></li> <li class="page_item page-item-578"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/contact/">Contact Us</a></li> <li class="page_item page-item-279 current_page_parent"><a href="https://web.archive.org/web/20121014132733/http://www.coolfields.co.uk/blog/">Blog</a></li> </ul><div class="clear"></div> </div> </div> </div>  <script type="text/javascript"> var sc_project=5186097; var sc_invisible=1; var sc_partition=50; var sc_click_stat=1; var sc_security="bb7ecd39"; </script> <script type="text/javascript" src="https://web.archive.org/web/20121014132733js_/http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a title="hits counter" class="statcounter" href="https://web.archive.org/web/20121014132733/http://www.statcounter.com/myspace/"><img class="statcounter" src="https://web.archive.org/web/20121014132733im_/http://c.statcounter.com/5186097/0/bb7ecd39/1/" alt="Coolfields hits counter"/></a></div></noscript>  </body> </html>