W3C home > Mailing lists > Public > site-comments@w3.org > December 2002

Skipping Navigation

From: Tom Martin <tmar@loc.gov>
Date: Tue, 10 Dec 2002 18:05:30 -0500
Message-Id: <sdf62d10.085@loc.gov>
To: <site-comments@w3.org>
Thank you for the work on redesign of the W3 home page. I am delighted
to see the result of a CSS rendered page. It displays well. I find the
page very usable. 

I do have an accessibility comment.

I am using Window-Eyes 4.2 in conjunction with IE 5.5 running on Windows
2000 Professional.

The screen reader does not verbalize this snippet placed at the top of
the left-side div containing navigation links:

<li><a class="navlink" title="Skip W3C A-Z" href="#news">Skip to
News</a></li>

I have used the following construct, when wanting to provide a skip
link:

<a href="#foo"><img src="images/transparent.gif" width="1" height="1"
alt="Skip navigation and go to foo." /></a>

When I put that into a block-level element and class the element to have
no border, I find that each of NN4+  and IE5+ display nothing, or at
least nothing that affects screen display, and that Window-Eyes will
verbalize the alt property/value of <img>. 

http://www.loc.gov/nls/index.html provides and example.

It may be that I am not using Window-Eyes to its best advantage. I
believe, however, that Window-Eyes is either not designed to read title
properties, or that I can set it to read title properties and have
failed to do so. 

At any rate, I am thinking that the class, .navlink, has either display:
none or visibility: hidden as a declaration. Since the <li> element that
contains the skip link is not rendered, it is not available to the
screen reader.

Tom Martin
tmar@loc.gov
Received on Tuesday, 10 December 2002 21:23:07 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 24 October 2012 16:21:27 GMT