E-mail List Archives

Re: How best to code "hidden" headings?

for

From: Jared Smith
Date: Jan 27, 2009 1:20PM


On Tue, Jan 27, 2009 at 12:45 PM, Dean Hamack < <EMAIL REMOVED> > wrote:
> I've always hidden it because my (obviously incorrect) belief was that the
> only people who would benefit from it are those using screenreaders or
> mobile devices. I never considered those who couldn't use a mouse.
>
> Something to reconsider I suppose.

Yes. There are many sighted, keyboard-only users that would benefit
from the link. In fact, they would likely see more benefit from the
link than blind/visually-impaired users because sighted users
typically aren't using software that allows them to navigate in
complex ways (by heading, form, list, etc.) like screen readers do.

One possible solution is to allow the link to become visible when it
receives keyboard focus. That way screen reader users hear it and
sighted keyboard users see it when the 'tab' to it, but other users
are not even aware it is there. You can do this by simply changing the
CSS code on :focus to remove the absolute positioning and sizing. If
you're using our code, this is all documented at
http://webaim.org/techniques/css/invisiblecontent/#skipnavlinks

Jared Smith
WebAIM