WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: skip nav ... best practices 2015

for

From: Cliff Tyllick
Date: Jan 31, 2015 10:31AM


I'm too lazy to check it out on a Saturday morning, but I'll bet the problem is that the skip to main content link is hidden off screen in WET. The behavior you're describing is exactly what happens when the focus moves off screen—the browser loses track of the current location, and focus skips back to the top of the page.

Cliff Tyllick
Texas Department of Assistive and Rehabilitative Services

Sent from my iPad

>> On Jan 31, 2015, at 3:44 AM, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
>>
>> On 31/01/2015 06:37, Lynn Holdsworth wrote:
>> Rob, the way that link works is counter-productive on an iPhone using iOS 8.1.3. When VO says "Skip to main content", the focus is actually on the Reload button.
>
> Indeed, the WET approach seems to do something funky with JavaScript...as soon as VoiceOver's focus gets on the skip link, it seems to be bounced back out of the page, making it unusable...
>
> P
>
>> Cheers, Lynn
>>
>>
>>
>>> On 30 Jan 2015, at 21:13, Wloch, Rob < <EMAIL REMOVED> > wrote:
>>>
>>> Not sure if you've heard of the WET framework but I believe that their skip nav was designed with WCAG 2.0 and responsive design in mind. If you go to the following link you can tab a few times to see the skip nav appear and if using Firefox in responsive design view then you can see how it looks on mobile but since there is no tabbing on touchscreens I wonder how it would show up on an actual device...
>>>
>>> http://wet-boew.github.io/v4.0-ci/theme/content-en.html
>>>
>>> I hope this helps a bit.
>>>
>>> -Rob.
>>>
>>> -----Original Message-----
>>> From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Stanzel, Susan - FSA, Kansas City, MO
>>> Sent: January 30, 2015 2:45 PM
>>> To: WebAIM Discussion List
>>> Subject: Re: [WebAIM] skip nav ... best practices 2015
>>>
>>> Nancy,
>>>
>>> I have not seen a reply for this question.
>>>
>>> This is just my two cents worth. I still find the skip nav useful because of the number of people who don't mark up their sites very well. There are also blind people who don't know how to use regions, as well as screen readers which don't fully implement them correctly.
>>>
>>> Susie Stanzel
>>>
>>> -----Original Message-----
>>> From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Nancy Johnson
>>> Sent: Friday, January 30, 2015 10:57 AM
>>> To: WebAIM Discussion List
>>> Subject: [WebAIM] skip nav ... best practices 2015
>>>
>>> I'm updating HTMLS and css in an existing theme...
>>> Just wondering what are the best practices for skip nav on a responsive site?
>>>
>>> Nancy Johnson
>>> >>> >>>
>>>
>>>
>>>
>>> This electronic message contains information generated by the USDA solely for the intended recipients. Any unauthorized interception of this message or the use or disclosure of the information it contains may violate the law and subject the violator to civil or criminal penalties. If you believe you have received this message in error, please notify the sender and delete the email immediately.
>>> >>> >>> >>> >>> >>> >> >> >> >
>
> --
> Patrick H. Lauke
>
> www.splintered.co.uk | https://github.com/patrickhlauke
> http://flickr.com/photos/redux/ | http://redux.deviantart.com
> twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > >