WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: skip-nav tabindex setfocus etc.

for

From: Jared Smith
Date: Mar 14, 2006 6:30PM

Patrick H. Lauke wrote:
> Just on this first part, how about a hybrid approach where the skip link
> is initially hidden and only appears (obviously in a logical, visible
> place where a user with magnification would not miss it) when
> tabbed/focussed to it via CSS?

The WebAIM site (which is currently undergoing a major renovation) uses
this approach. Just be sure that the CSS does not hide/display it in a way
that screen readers will not read it (e.g., don't use display:none or
visibility:hidden). Changing the position, adding a background color, or
similar will provide this functionality without interfering much with site
design or layout for the majority of users that do not need, use, or even
notice this feature.

Jared Smith
WebAIM.org