Skipping links

For accessibility reasons it is considered good practice to put a ”skip navigation” link at the top of each page (In this case, ”top” means first or very early on in the HTML document, not necessarily the same thing as being displayed at the top of the page in a graphical browser.), allowing users to jump directly to the main content of the page.

To hide this link from graphical web browsers a widely used method has been to use display:none. The problem is that this will also hide it from some screen readers, which makes the link pretty useless.

Tom Gilder has come up with a different approach that looks pretty good. Jon Hicks uses yet another method.

More on this at The Web Standards Project and at Mezzoblue.

• September 13, 2003
• Comments closed
• Posted in Accessibility

• Previous post: More lists
• Next post: SimpleQuiz

Information, sponsorship, and externals

Best of 456 Berea Street

CSS Teaser Box (view demo)

How to use a single image to create a box with rounded corners and custom borders.

Who framed the web: Frames and usability

A look at the usability problems with frames, iframes, and CSS frame imitations.

HTML tags vs. elements vs. attributes

Learn the difference between tags, elements, and attributes in HTML.

Ten reasons to learn and use web standards

Some of the most important reasons for learning about web standards.

Transparent custom corners and borders, version 2

A technique that combines CSS and JavaScript to create flexible boxes with custom corners and borders and optional alpha transparency.

More popular articles

Random places to go

• meyerweb.com
• AlastairC
• Box of chocolates
• Clagnut
• ThePickards
• Design View / Andy Rutledge
• snook.ca
• The Autistic Cuckoo
• Wait till I come!
• Lillbra