Hi Brian,<div><br></div><div>Has the developer enabled tabbed browsing in Safari. It is not turned on by default....</div><div><br clear="all">Best regards,<br>ken<br>---<br> Ken Petri <br> Program Director, OSU Web Accessibility Center<br>
102D Pomerene Hall, 1760 Neil Avenue<br> Columbus, Ohio 43210<br> Office: 614.292.1760<br> Mobile: 614.218.1499<br> Fax: 614.292.4190<br> Email: <a href="mailto:petri.1@osu.edu">petri.1@osu.edu</a><br>
<br><br><div class="gmail_quote">On Mon, Sep 13, 2010 at 4:26 PM, Brian Richwine <span dir="ltr"><<a href="mailto:blrichwine@gmail.com">blrichwine@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
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.<br>
<br>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:<br><blockquote style="margin:0pt 0pt 0pt 0.8ex;border-left:1px solid rgb(204, 204, 204);padding-left:1ex" class="gmail_quote">
<body><br><br><div id="skipnav"><a href="#startcontent">Skip to Content.</a></div><br><br><div id="row-top"><br></blockquote>
<div><br>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!): <br>
</div><blockquote style="margin:0pt 0pt 0pt 0.8ex;border-left:1px solid rgb(204, 204, 204);padding-left:1ex" class="gmail_quote"><p style="margin-left:3.48pt">/* Hide skip to content link */</p>
<p style="margin-left:3.48pt">#skipnav a, #skipnav a:hover,
#skipnav a:visited<span> </span>{</p><p style="margin-left:3.48pt"><span> </span>position: absolute;</p><p style="margin-left:3.48pt"><span> </span>left:-9999px;</p>
<p style="margin-left:3.48pt"><span> </span>top:auto;</p><p style="margin-left:3.48pt"><span> </span>width:1px;</p><p style="margin-left:3.48pt">
<span> </span>height:1px;</p><p style="margin-left:3.48pt"><span> </span>overflow:hidden;</p><p style="margin-left:3.48pt"><span> </span>}</p><p style="margin-left:3.48pt">
</p><p style="margin-left:3.48pt">/* Make skip to content link
visible when focused */</p><p style="margin-left:3.48pt">#skipnav a:active, #skipnav
a:focus {</p><p style="margin-left:3.48pt"><span> </span>position:static;</p><p style="margin-left:3.48pt"><span> </span>color:#000000;</p><p style="margin-left:3.48pt">
<span> </span>width:auto;</p><p style="margin-left:3.48pt"><span> </span>height:auto;</p><p style="margin-left:3.48pt"><span> </span>outline: thin dotted black;</p>
<p style="margin-left:3.48pt">}</p></blockquote>
<br><br><div class="gmail_quote"><div><div></div><div class="h5">On Fri, Sep 10, 2010 at 2:53 PM, Brusnighan, Dean A. <span dir="ltr"><<a href="mailto:dabrus@purdue.edu" target="_blank">dabrus@purdue.edu</a>></span> wrote:<br>
</div></div><blockquote class="gmail_quote" style="margin:0pt 0pt 0pt 0.8ex;border-left:1px solid rgb(204, 204, 204);padding-left:1ex"><div><div></div><div class="h5">
<div link="blue" vlink="purple" lang="EN-US"><div><p class="MsoNormal"><span style="font-size:12pt">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 </span><span style="font-size:12pt">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.</span></p>
<p class="MsoNormal"><span style="font-size:12pt"> </span></p><p class="MsoNormal"><span style="font-size:12pt">Another developer suggested setting tab index to 1, and they had already done that. Still the same result.</span><span style="font-size:12pt"></span></p>
<p class="MsoNormal"><span style="font-size:12pt"> </span></p><p class="MsoNormal"><span style="font-size:12pt">Any suggestions?</span></p><p class="MsoNormal"><span style="font-size:12pt"> </span></p><p class="MsoNormal">
<span style="font-size:12pt">Dean</span></p><p class="MsoNormal"><span style="font-size:12pt"> </span></p><p class="MsoNormal">~~~~~~~~~~~~~~~~~~~</p><p class="MsoNormal">Dean Brusnighan</p><p class="MsoNormal">Assistive Technology Specialist</p>
<p class="MsoNormal">Purdue University, Young Hall</p><p class="MsoNormal">155 S. Grant Street</p><p class="MsoNormal">West Lafayette, IN 47907-2108</p><p class="MsoNormal">Phone: 765-494-9082</p><p class="MsoNormal"><a href="mailto:dabrus@purdue.edu" target="_blank"><span style="color:blue">dabrus@purdue.edu</span></a></p>
<p class="MsoNormal">~~~~~~~~~~~~~~~~~~~</p><p class="MsoNormal"> </p></div></div><br></div></div>_______________________________________________<br>
Athen mailing list<br>
<a href="mailto:Athen@athenpro.org" target="_blank">Athen@athenpro.org</a><br>
<a href="http://athenpro.org/mailman/listinfo/athen_athenpro.org" target="_blank">http://athenpro.org/mailman/listinfo/athen_athenpro.org</a><br>
<br></blockquote></div><br>
<br>_______________________________________________<br>
Athen mailing list<br>
<a href="mailto:Athen@athenpro.org">Athen@athenpro.org</a><br>
<a href="http://athenpro.org/mailman/listinfo/athen_athenpro.org" target="_blank">http://athenpro.org/mailman/listinfo/athen_athenpro.org</a><br>
<br></blockquote></div><br></div>