Issues:
Have a link labeled 'Home' on every page on the site, except for the home page.
Line 1 Usability.gov 5:1
Many sites place the organization's logo on the top of every page and link it to the homepage.
While many users expect logos are clickable, around 25% will not realize that links to the homepage.
Therefore, include a link labeled 'Home' near the top of the page to help those users.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
In HTML add a LANG attribute to the HTML tag, and in PDF set the language using Document Properties in Acrobat. This allows screen readers to pronounce words correctly.
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>Impressum Gilbert WEBKONTOR</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="roobots" content="noindex, follow" />
<meta name="author" content="Gilbert WEBKONTOR" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-9319199-2']);
_gaq.push(['_setDomainName', '.webkontor.eu']);
_gaq.push(['_trackPageview']);
(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>
</head>
<body>
<div id="site-wrapper">
<div id="header">
<div id="top">
<div class="left" id="logo">
<a href="http://www.webkontor.eu/"><img src="img/logo.gif" alt="" /></a>
</div>
<div class="left navigation" id="main-nav">
<ul class="tabbed">
<li><a href="http://www.webkontor.eu/seo.html">SEO</a></li>
<li><a href="http://www.webkontor.eu/webanalytics.html">Web Analytics</a></li>
<li><a href="http://www.webkontor.eu/website-check.html">Website Check</a></li>
<li><a href="http://www.webkontor.eu/beratung.html">Beratung</a></li>
</ul>
<div class="clearer"> </div>
</div>
<div class="clearer"> </div>
</div>
<div class="navigation" id="sub-nav">
<ul class="tabbed">
<li class="current-tab"><a href="index.html">SEO Suchmaschinenoptimierung</a></li>
<li><a href="style-demo.html">Website Check</a></li>
<li><a href="comments.html">Webanalytics</a></li>
<li><a href="on-page-optimierung.html">On-Page Optimierung</a></li>
<li><a href=".html">Off-Page Optimierung</a></li>
<li><a href="keywords-recherhe.html">Keywords Recherhe</a></li>
<li><a href="beratung.html">SEO Beratung</a></li>
<li><a href=".html">Lokalisierung</a></li>
<li><a href="cma-implementierung.html">CMS Implementirung</a></li>
<li><a href="sm-cms.html">Suchmaschinenoptimierte CMS</a></li>
<li><a href="seo-referenzen.html">Mitbewerberanalyse</
a</li>>
a</li>>
</ul>
<div class="clearer"> </div>
</div>
</div>
<div class="main" id="main-two-columns">
<div class="left" id="main-content">
<div class="section">
<div class="section-title">...</div>
<div class="section-content">
<div class="post">
<div class="post-title">
<h1>Error 404!</h1></div>
Use headings in the appropriate HTML order (don't put H1 inside an H2, or H2 inside H3 etc.)
Line 94 Usability.gov 9:7
Using the appropriate HTML heading order helps users get a sense of the hierarchy of information on the page. The appropriate use of H1-H3 heading tags also allows users of assistive technologies to understand the hierarchy of information.
<h1>Error 404!</h1></div>
<div class="post-date"></div>
<p><img src="img/404.gif" alt="" class="bordered"></
p>
This often occurs in XHTML on tags like IMG, LINK, META and BR when the closing / has been omitted.
This page has malformed tags which IE8 and later treat differently from earlier versions of IE.
Line 98 Internet Explorer
Fix the errors listed on the Standards tab of this report.
Markup errors like missing end tags means IE8 and IE9 may display different content from IE6 and IE7.
Fix the critical errors listed on the Standards tab of this report. Markup errors like missing end tags or unclosed comments mean search engine web crawlers may skip important content.
p>
<p class="large">Sorry, this page doesn't exist! File not found.</p>
<!-- <ul>
<li>неправильно набран URL (или устаревшая закладка)</li>
<li>ссылка на поисковом сервере устарела</li>
<li>внутренняя ссылка на вашем сайте сломана по недосмотру веб-мастера</li>
</ul>
-->
<div class="post-body">
<h3>Gilbert Webkontor</h3></div>
Use headings in the appropriate HTML order (don't put H1 inside an H2, or H2 inside H3 etc.)
Line 108 Usability.gov 9:7
Using the appropriate HTML heading order helps users get a sense of the hierarchy of information on the page. The appropriate use of H1-H3 heading tags also allows users of assistive technologies to understand the hierarchy of information.
<h3>Gilbert Webkontor</h3></div>
<p>Sorry, this page doesn't exist. </p>
</div>
<div class="clearer"> </div>
</div>
</div>
<div class="clearer"> </div>
</div>
<div class="right sidebar" id="sidebar">
<div class="section">
<div class="section-title">Search</div>
<div class="section-content">
<form method="post" action="">
<input type="text" class="text" size="28" /> <input type="submit" class="button" value="Submit" />
</form>
</div>
</div>
</div>
<div class="clearer"> </div>
</div>
<div id="footer">
<div class="left" id="footer-left"><p class="quiet">Suchmaschinenoptimierung = Content + Optimierung + Verlinkung & Geduld</p>
<img src="img/logo-small.gif" alt="" class="left" />
<p>© 2002-2010 Gilbert WEBKONTOR.</p>
<p class="quiet"> Alle Rechte vorbehalten.<!-- <a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a> --></p>
<div class="clearer"> </div>
</div>
<div class="right" id="footer-right">
<p class="large"><a href="kontakt.html">Kontakt</a> <span class="text-separator">|</span>
<a href="impressum.html">Impressum</a> <span class="text-separator">|</span> <a href="sitemap">Sitemap</a> <span class="text-separator">|</span> <a href="referenzen.html">Referenzen</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top ↑</a></p>
Without a skip link, screen readers read out the navigation links on every page before reading the page content.
Headings can be a substitute in limited circumstances, but they're not used by all screen reader users,
and many other assistive technology users have no way to navigate via headings.
Add a "Skip to Content" link at the start of the document hidden offscreen by CSS, and made visible on focus, so it's available to keyboard and screen reader users:
<a class="accessible" href="#main">[Skip to Content]</a>
<a href="impressum.html">Impressum</a> <span class="text-separator">|</span> <a href="sitemap">Sitemap</a> <span class="text-separator">|</span> <a href="referenzen.html">Referenzen</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top ↑</a></p>
</div>
<div class="clearer"> </div>
</div>
</div>
</body>
</html>
-->