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.
>>>
>>>