WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Skip nav links on mobile

for

From: Birkir R. Gunnarsson
Date: Oct 30, 2019 1:10PM

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.