WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Skip navigation coding

for

Number of posts in this thread: 14 (In chronological order)

From: HAAveling
Date: Thu, Aug 18 2005 2:20AM
Subject: Skip navigation coding
No previous message | Next message →

Please could you suggest where I might look for advice on this, including
how to code the skip nav link. I have looked in the archives but havent
found exactly what I am looking for.

Helen





From: Christian Heilmann
Date: Thu, Aug 18 2005 3:00AM
Subject: Re: Skip navigation coding
← Previous message | Next message →

> Please could you suggest where I might look for advice on this, including
> how to code the skip nav link. I have looked in the archives but havent
> found exactly what I am looking for.

http://www.joeclark.org/book/sashay/serialization/Chapter08.html
Has all about them.

Rule #1: Keep them visible!
Rule #2: Be aware that MSIE sucks^H^H^H^H^H^H has problems:
http://www.wait-till-i.com/index.php?p=36



--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/




From: L
Date: Thu, Aug 18 2005 3:20AM
Subject: RE: Skip navigation coding
← Previous message | Next message →

Helen Aaveling wrote:

"Please could you suggest where I might look for advice on this, including how to code the skip nav link."

You may find this article of use. It includes a general look at skip links and our prefered way of implementing them.
http://www.nomensa.com/resources/articles/skip-links.html

Regards,
L

From: Christian Heilmann
Date: Thu, Aug 18 2005 3:40AM
Subject: Re: Skip navigation coding
← Previous message | Next message →

On 8/18/05, L

From: L
Date: Thu, Aug 18 2005 4:20AM
Subject: RE: Skip navigation coding
← Previous message | Next message →

Chris Heilmann wrote:

"Err...

<div id="menu">
<a href="#menu" class="rm">skip to navigation</a> <span class="rm"> | </span>

Shouldn't that be href="#navigation" instead? This way it is an endless loop 8-)"


Oh hell. I thought we'd fixed that. It's always just when you post to a public forum too isn't it? :-)

L

From: Penny Roberts
Date: Thu, Aug 18 2005 4:40AM
Subject: Re: Skip navigation coding
← Previous message | Next message →


On Thu, 18 Aug 2005 10:21:38 +0100 Christian Heilmann < = EMAIL ADDRESS REMOVED = >
wrote:

> On 8/18/05, L

From: Patrick Lauke
Date: Thu, Aug 18 2005 5:00AM
Subject: RE: Skip navigation coding
← Previous message | Next message →

> Penny Roberts

> > <div id="menu">
> > <a href="#menu" class="rm">skip to navigation</a>
> > <span class="rm"> | </span>

> I think that the link skips TO navigation rather than
> skipping over it (if
> you see what I mean). Try it on that page and you will see
> that using the
> "skip to navigation" link takes the focus to the top of the
> left hand menu.

But the way it was coded above meant that the link was pointing
to #menu, just before the link itself, thus creating a loop.

P
___________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk
___________
Web Standards Project (WaSP) Accessibility Task Force
http://webstandards.org/
___________




From: Tim Beadle
Date: Thu, Aug 18 2005 5:20AM
Subject: Re: Skip navigation coding
← Previous message | Next message →

On 8/18/05, Penny Roberts < = EMAIL ADDRESS REMOVED = > wrote:
> I think that the link skips TO navigation rather than skipping over it (if
> you see what I mean). Try it on that page and you will see that using the
> "skip to navigation" link takes the focus to the top of the left hand menu.

Because the content is first in source-order, the labelling is
correct, but the link isn't. I thought skip links should be visible at
all times, though?

Tim




From: Jim Thatcher
Date: Thu, Aug 18 2005 6:40AM
Subject: RE: Skip navigation coding
← Previous message | Next message →

Try http://jimthatcher.com/skipnav.htm and a very recent update,
http://jimthatcher.com/news.htm#haslayout.

Jim

Accessibility Consulting: http://jimthatcher.com/
512-306-0931

-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of HAAveling
Sent: Thursday, August 18, 2005 3:13 AM
To: WebAIM Discussion List
Subject: [WebAIM] Skip navigation coding

Please could you suggest where I might look for advice on this, including
how to code the skip nav link. I have looked in the archives but havent
found exactly what I am looking for.

Helen













From: Laura Carlson
Date: Thu, Aug 18 2005 5:40PM
Subject: Skip navigation coding
← Previous message | Next message →

> Please could you suggest where I might look for advice on this

Some links on skip navigation coding are listed at:

http://www.d.umn.edu/goto/navigation#skiplinks

Laura
___________________________________________
Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN 55812-3009
http://www.d.umn.edu/goto/webdesign/




From: HAAveling
Date: Mon, Aug 29 2005 4:15PM
Subject: RE: Skip navigation coding
← Previous message | Next message →

I am still having problems getting this to work.

The following links <a href="#localnav" title="go to expanded menu"
name="localnav"></a>
<a href="#skip" title="begin main content" name="skip"></a> , together with
their named anchors, aren't working as they should do. When I tab through
in IE6 I get the *second* link, then the first link in the menu panel,
never the two 'invisible' links.

See http://users.powernet.co.uk/tanquen/dummy.htm for the file and code.
Where am I going wrong?

BTW, I dont get anything apart from the menu panel links in Firefox.

Helen


At 12:16 18/08/2005, Jim Thatcher wrote:
>Try http://jimthatcher.com/skipnav.htm and a very recent update,
>http://jimthatcher.com/news.htm#haslayout.
>
>Jim
>
>Accessibility Consulting: http://jimthatcher.com/
>512-306-0931
>
>-----Original Message-----
>From: = EMAIL ADDRESS REMOVED =
>[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of HAAveling
>Sent: Thursday, August 18, 2005 3:13 AM
>To: WebAIM Discussion List
>Subject: [WebAIM] Skip navigation coding
>
>Please could you suggest where I might look for advice on this, including
>how to code the skip nav link. I have looked in the archives but havent
>found exactly what I am looking for.
>
>Helen
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>--
>No virus found in this incoming message.
>Checked by AVG Anti-Virus.
>Version: 7.0.338 / Virus Database: 267.10.12/75 - Release Date: 17/08/2005



From: Jim Thatcher
Date: Mon, Aug 29 2005 4:40PM
Subject: RE: Skip navigation coding
← Previous message | Next message →

Hi Helen,



1. Your skip links at the top of the page,

<a href="#localnav" title="go to expanded menu" name="localnav"></a>

<a href="#skip" title="begin main content" name="skip"></a>

Need to have some content. There is nothing for anybody to see.



2. The target must be a named anchor - you didn't close the anchor tag and
just have:

<a name="localnav"> (no closing </a>)



3. You can't use the same name attribute on the link, and the target anchor.




Here is a combination of your links and the targets that would work form the
keyboard according to the current "simplest" coding technique
(http://jimthatcher.com/news.htm#haslayout).



<a href="#localnav" >go to expanded menu </a>

<a href="#skip"> begin main content </a>

.

<span style="position:absolute;"><a name="localnav"
id="localnav">&nbsp;</a></span>

.

<span style="position:absolute;"><a name="skip" id="skip">&nbsp;</a></span>



You may be wanting to hide that skip link content - read about it at
http://jimthatcher.com/webcourse4.htm or
http://rampweb.com/Accessibility_Resources/Section508/skip_navigation.asp
which is more up to date.



Jim



Accessibility Consulting: http://jimthatcher.com/

512-306-0931

-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of HAAveling
Sent: Thursday, August 25, 2005 5:17 AM
To: = EMAIL ADDRESS REMOVED =
Subject: RE: [WebAIM] Skip navigation coding



I am still having problems getting this to work.

The following links <a href="#localnav" title="go to expanded menu"
name="localnav"></a>
<a href="#skip" title="begin main content" name="skip"></a> , together with
their named anchors, aren't working as they should do. When I tab through in
IE6 I get the *second* link, then the first link in the menu panel, never
the two 'invisible' links.

See http://users.powernet.co.uk/tanquen/dummy.htm for the file and code.
Where am I going wrong?

BTW, I dont get anything apart from the menu panel links in Firefox.

Helen


At 12:16 18/08/2005, Jim Thatcher wrote:



Try http://jimthatcher.com/skipnav.htm and a very recent update,
http://jimthatcher.com/news.htm#haslayout.

Jim

Accessibility Consulting: http://jimthatcher.com/
512-306-0931

-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[ <mailto: = EMAIL ADDRESS REMOVED = >
mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of HAAveling
Sent: Thursday, August 18, 2005 3:13 AM
To: WebAIM Discussion List
Subject: [WebAIM] Skip navigation coding

Please could you suggest where I might look for advice on this, including
how to code the skip nav link. I have looked in the archives but havent
found exactly what I am looking for.

Helen
















--
No virus found in this incoming message.
Checked by AVG Anti-Virus.
Version: 7.0.338 / Virus Database: 267.10.12/75 - Release Date: 17/08/2005




From: HAAveling
Date: Tue, Aug 30 2005 8:00AM
Subject: RE: Skip navigation coding
← Previous message | Next message →

I've fixed the problem below, but when I click on the 'expanded menu' link
the page jumps down but when I press Tab the page retuns to the second skip
nav link. In other words the focus remains at the top of the page. The page
is at http://users.powernet.co.uk/tanquen/dummy.htm.

I've also had to put a dead link in before the two other links because IE6
was reading the web address from the address bar, then the page title, then
the second link, jumping over the first one when Tab was used to
navigate.... Why? I'm confused.

BTW, Jim, did you recieve the screen shot I sent you direct?

At 23:26 29/08/2005, Jim Thatcher wrote:
>Hi Helen,
>
>1. Your skip links at the top of the page,
><a href="#localnav" title="go to expanded menu" name="localnav"></a>
><a href="#skip" title="begin main content" name="skip"></a>
>Need to have some content. There is nothing for anybody to see.
>
>2. The target must be a named anchor

From: HAAveling
Date: Tue, Aug 30 2005 12:00PM
Subject: RE: Skip navigation coding
← Previous message | No next message

I have put the code back as you suggest but I cant access, say 'Club
History' by tabbing, except by going through both skip nav links and every
other link in sequence to get to it - the 7th link on the page. This rather
renders the link to the expanded menu section superfluous in my book! :)

The updated page is at the same address as before.

Helen

At 15:32 30/08/2005,Jim Thatcher wrote:
>Off list:
>
>You won