E-mail List Archives
Thread: Skip navigation coding
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
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
>
>
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"> </a></span>
.
<span style="position:absolute;"><a name="skip" id="skip"> </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
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