Menu
There was some talk of skipnavs…. here’s what I normally use:
<div class=”skipnav”>
<a href=”#skipbgprimarynav”>
<img src=”images/spacer.gif” alt=”Skip primary navigation.” width=”1″ height=”1″ border=”0″>
</a>
</div>
<ul class=”leftnav”>
<li><a href=”#”>Link1</a></li>
<li><a href=”#”>Link2</a></li>
</ul>
<div class=”skipnav”>
<a name=”skipbgsecondarynav”><img src=”images/spacer.gif” alt=”” width=”1″ height=”1″ border=”0″></a>
</div>
.skipnav {
width: 1px;
height: 1px;
position: absolute;
visibility: hidden;
}
There’s debate over all this stuff, of course, so this is just my current pref. And this is the example to skip from where a set of links begins, to where it ends. You can skip sections or whatever. Whatever is repeated on a page, folks using screen readers don’t want to have to wade through it over and over.