[Athen] Safari issues with skip to content link
Ken Petri
petri.1 at osu.edu
Tue Sep 14 03:33:40 PDT 2010
To clarify: To enable the ability of Safari to move between items other than
form fields via the tab key, you have to Preferences > Advanced tab > check
"Press Tab to highlight each item on a web page." Yes, silly but true, you
have to turn on this behavior (at least up through Safari 4, it may be on by
default in 5 but I'd bet the preference for not having it on is kept on any
upgrade....)
Best regards,
ken
---
Ken Petri
Program Director, OSU Web Accessibility Center
102D Pomerene Hall, 1760 Neil Avenue
Columbus, Ohio 43210
Office: 614.292.1760
Mobile: 614.218.1499
Fax: 614.292.4190
Email: petri.1 at osu.edu
On Tue, Sep 14, 2010 at 6:29 AM, Ken Petri <petri.1 at osu.edu> wrote:
> Hi Brian,
>
> Has the developer enabled tabbed browsing in Safari. It is not turned on by
> default....
>
> Best regards,
> ken
> ---
> Ken Petri
> Program Director, OSU Web Accessibility Center
> 102D Pomerene Hall, 1760 Neil Avenue
> Columbus, Ohio 43210
> Office: 614.292.1760
> Mobile: 614.218.1499
> Fax: 614.292.4190
> Email: petri.1 at osu.edu
>
>
>
> On Mon, Sep 13, 2010 at 4:26 PM, Brian Richwine <blrichwine at gmail.com>wrote:
>
>> 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
>>>
>>>
>>
>> _______________________________________________
>> 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/20100914/c3cb7517/attachment.html>
More information about the athen-list
mailing list