unobtrusive skip to content link

description:

As documented in countless other sources, using display:none to hide unsightly "skip" links can cause screenreaders to ignore elements compeletely.

The method proposed here is not removing elements from the display, it's merely shifting them out of the way through the use of overflow and text-indent.

An additional bonus is that users who are not visually impaired, but rely on tabbing to navigate a page, will instantly see this skip link as well, and will be able to take advantage of it right away if they so desire.

completed:
28/09/2003

view this experiment