[Athen] Safari issues with skip to content link

Brusnighan, Dean A. dabrus at purdue.edu
Mon Sep 20 06:19:41 PDT 2010


Brian and Ken,

Thanks for your responses. I have forwarded your suggestions and comments to the web developer. I hope to hear back from him to see how they helped.

Dean

From: athen-bounces at athenpro.org [mailto:athen-bounces at athenpro.org] On Behalf Of Brian Richwine
Sent: Monday, September 13, 2010 4:26 PM
To: Access Technology Higher Education Network
Subject: Re: [Athen] Safari issues with skip to content link

How is the link coded? I'm wondering about the technique used to hide the link. If CSS is being used, and a "display:none" or "visibility:hidden" rule is being applied, then the link will be treated as if it does not exist.

This is how we usually recommend coding a skip navigation link in the HTML. We place it immediately after the body element to users don't have to hunt for it:
<body>

<div id="skipnav"><a href="#startcontent">Skip to Content.</a></div>

<div id="row-top">

And this is how we code the CSS to go along with it. This method allows the link to become visible when it receives focus. This enables the skip navigation link to be visible to all keyboard only users (not just screen-reader users!):

/* Hide skip to content link */

#skipnav a, #skipnav a:hover, #skipnav a:visited {

position: absolute;

left:-9999px;

top:auto;

width:1px;

height:1px;

overflow:hidden;

}



/* Make skip to content link visible when focused */

#skipnav a:active, #skipnav a:focus {

position:static;

color:#000000;

width:auto;

height:auto;

outline: thin dotted black;

}

On Fri, Sep 10, 2010 at 2:53 PM, Brusnighan, Dean A. <dabrus at purdue.edu<mailto:dabrus at purdue.edu>> wrote:
A web developer on our campus is instituting a skip to content link to get past repetitive navigation, but is having trouble when testing with the Safari browser on both PC and Mac. He says It never gets to any in-browser tabs. It bounces from URL to browser search to web page search to search button to radio button back to URL without ever hitting the skip to content link.

Another developer suggested setting tab index to 1, and they had already done that. Still the same result.

Any suggestions?

Dean

~~~~~~~~~~~~~~~~~~~
Dean Brusnighan
Assistive Technology Specialist
Purdue University, Young Hall
155 S. Grant Street
West Lafayette, IN 47907-2108
Phone: 765-494-9082
dabrus at purdue.edu<mailto:dabrus at purdue.edu>
~~~~~~~~~~~~~~~~~~~


_______________________________________________
Athen mailing list
Athen at athenpro.org<mailto:Athen at athenpro.org>
http://athenpro.org/mailman/listinfo/athen_athenpro.org

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20100920/40f5494a/attachment.html>


More information about the athen-list mailing list