G1: Adding a link at the top of each page that goes directly to the main content area
| HTML Snippet |
Code |
Scenario 1: Page has skip to main content link |
|
view example
|
<![CDATA[<div id="wrapper">
<a href="#content">Skip to main content</a>
<div id="header">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">About</a></li>
<li><a href="#contact">Products</a></li>
<li><a href="#about">Services</a></li>
<li><a href="#about">News</a></li>
<li><a href="#about">Contact</a></li>
</ul>
</div>
<div id="content-box1"><p>Box 1</p></div>
<div id="content-box2"><p>Box 2</p></div>
<div id="content-box3"><p>Box 3</p></div>
<div id="content">
<div id="content-left">
<p><strong>Quick Links</strong></p>
<p>Home</p>
<p>About</p>
<p>Products</p>
<p>Services</p>
<p>News</p>
<p>Contact</p>
</div>
<div id="content-main">
<p>Main home page content or image goes here...</p>
<a href="deque.com">Know more about Deque</a>
</div>
</div>
<div id="footer">Footer text and links can go all the way along here... text text text text text text...</div>
<div id="bottom"></div>
</div>
]]> |