[Athen] Safari issues with skip to content link
Brian Richwine
blrichwine at gmail.com
Mon Sep 13 13:26:27 PDT 2010
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>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
>
> ~~~~~~~~~~~~~~~~~~~
>
>
>
> _______________________________________________
> Athen mailing list
> 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/20100913/4020d8e7/attachment.html>
More information about the athen-list
mailing list