WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Skip nav links on mobile

for

From: Sailesh Panchang
Date: Oct 30, 2019 1:57PM

On the mobile device, the hamburger menu implements:
Using an expandable and collapsible menu to bypass block of content
https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR28.html
And thus passes SC 2.4.1
Thanks,
Sailesh

On 10/30/19, Birkir R. Gunnarsson < <EMAIL REMOVED> > wrote:
> The intent of WCAG 2.4.1 is to allow users to quickly navigate past
> blocks of content.
> To meet this requirement you technically only have to implement one of
> a sip link, ARIA landmarks or a logical heading structure (but for
> practical purposes a skip link on desktop is important if the header
> is full of, well, crap, at least from the point of view of someone
> using the keeboard who needs to quickly get to the main content of the
> page, e.g. if it contains a form).
>
> So collapsing the header, as you do on the mobile view, achieves the
> same outcome as the skip link, it makes it easy to navigate to the
> main content of the page.
> Adding a skip link in that scenario is basically adding a tab stop to
> skip a tab stop, which really doesn't make much sense from a practical
> perspective, add in the valuable screen space on smaller devices that
> depend on hiding all non-essential content and the skip link really
> doesn't make much sense.
> Just make sure that, to comply with the exact language of the
> requirement, you need to keep headings or landmarks on the mobile view
> as well.
>
>
> On 10/30/19, Lucy GRECO < <EMAIL REMOVED> > wrote:
>> hello:
>> actually what is beeing asked here is if the fluf is all in one place
>> i.e.
>> the hamburger menu can you omit the skip to. and i say yes if i have to
>> swipe one to a skip and then to a hamburger and then i am in the
>> content
>> on the next swipe then why have that tab stop for the skip i say yes
>> remove
>> the skip if its only skipping one thing. just my thought
>> Lucia Greco
>> Web Accessibility Evangelist
>> IST - Architecture, Platforms, and Integration
>> University of California, Berkeley
>> (510) 289-6008 skype: lucia1-greco
>> http://webaccess.berkeley.edu
>> Follow me on twitter @accessaces
>>
>>
>>
>> On Wed, Oct 30, 2019 at 10:48 AM Carly Gerard < <EMAIL REMOVED> > wrote:
>>
>>> There are also use cases of keyboards being used with mobile devices, so
>>> removing the skip to main content link could block those users from
>>> bypassing the navigation and other fluff before the main content.
>>>
>>> Carly
>>>
>>> [Western logo]
>>>
>>> Carly Gerard | She/Her/Hers
>>> Web Accessibility Engineer | Web Communication Technologies
>>> Western Washington University
>>> 516 High Street, Bellingham WA 98225
>>> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> > | <EMAIL REMOVED> <mailto:
>>> <EMAIL REMOVED> > | (360) 650-3944<tel:(360)%20650-3944>
>>>
>>> >>> From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of
>>> Swift, Daniel P. < <EMAIL REMOVED> >
>>> Sent: Wednesday, October 30, 2019 10:45 AM
>>> To: WebAIM Discussion List < <EMAIL REMOVED> >
>>> Subject: Re: [WebAIM] Skip nav links on mobile
>>>
>>> I think you are referring to a 'skip to content' link ... ? I think it
>>> might be advantageous to keep the link assuming that there is a fair
>>> amount
>>> of fluff at the top of the page.
>>>
>>> Dan Swift
>>> Senior Web Specialist
>>> University Communications and Marketing
>>> West Chester University
>>> 610.738.0589
>>>
>>> -----Original Message-----
>>> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
>>> Greg Jellin
>>> Sent: Wednesday, October 30, 2019 1:41 PM
>>> To: WebAIM Discussion List < <EMAIL REMOVED> >
>>> Subject: [WebAIM] Skip nav links on mobile
>>>
>>> Something that has recently occurred to me and I'm interested in hearing
>>> opinions;
>>>
>>> Situation: The desktop version of a site has top navigation, but the
>>> mobile version of the site collapses the top nav into a hamburger menu.
>>>
>>> Question: The desktop version should have a skip nav, but should the
>>> skip
>>> nav be removed (hidden) from mobile versions of the site since the top
>>> nav
>>> of the mobile version is collapsed and thus requires only one swipe to
>>> bypass? Furthermore I find skip links problematic on mobile,
>>> particularly
>>> iOS/VO.
>>>
>>> Greg
>>>
>>> >>> >>> https://nam03.safelinks.protection.outlook.com/?url=http%3A%2F%2Flist.webaim.org%2F&amp;data=02%7C01%7Cgerardc%40wwu.edu%7C626179f4aba949b384ed08d75d60fe39%7Cdc46140ce26f43efb0ae00f257f478ff%7C0%7C1%7C637080543476251968&amp;sdata=uezZ%2FufUVPOPSFqVxMYIItT19bn80Rk3RMvSoCq64o8%3D&amp;reserved=0
>>> List archives at
>>> https://nam03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwebaim.org%2Fdiscussion%2Farchives&amp;data=02%7C01%7Cgerardc%40wwu.edu%7C626179f4aba949b384ed08d75d60fe39%7Cdc46140ce26f43efb0ae00f257f478ff%7C0%7C1%7C637080543476251968&amp;sdata=SnKnW8gE7YPLNKNo%2BXxLfh8YEUkZVac2QxU9dnY7HaA%3D&amp;reserved=0
>>> >>> >>> >>> https://nam03.safelinks.protection.outlook.com/?url=http%3A%2F%2Flist.webaim.org%2F&amp;data=02%7C01%7Cgerardc%40wwu.edu%7C626179f4aba949b384ed08d75d60fe39%7Cdc46140ce26f43efb0ae00f257f478ff%7C0%7C1%7C637080543476251968&amp;sdata=uezZ%2FufUVPOPSFqVxMYIItT19bn80Rk3RMvSoCq64o8%3D&amp;reserved=0
>>> List archives at
>>> https://nam03.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwebaim.org%2Fdiscussion%2Farchives&amp;data=02%7C01%7Cgerardc%40wwu.edu%7C626179f4aba949b384ed08d75d60fe39%7Cdc46140ce26f43efb0ae00f257f478ff%7C0%7C1%7C637080543476251968&amp;sdata=SnKnW8gE7YPLNKNo%2BXxLfh8YEUkZVac2QxU9dnY7HaA%3D&amp;reserved=0
>>> >>> >>> >>> >>> >>>
>> >> >> >> >>
>
>
> --
> Work hard. Have fun. Make history.
> > > > >


--
Sailesh Panchang
Principal Accessibility Consultant
Deque Systems Inc
381 Elden Street, Suite 2000, Herndon, VA 20170
Mobile: 571-344-1765