WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Home button on left, clickable tabindex=-1 logo on the right


From: Jonathan Avila
Date: Apr 25, 2017 7:15AM

I would agree with Jonathan -- if the keyboard accessible home icon and link are equivalent and go to the home page there is no need for the logo to be keyboard accessible as there is an alternative provided. Just as a data table with summarization can provide an alternative to an inaccessible chart -- a duplicate link can be an alternative to a control that is not keyboard accessible. Automated tools will likely flag this issue though.


Jonathan Avila
Chief Accessibility Officer
703.637.8957 (Office)
Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
Download our CSUN Presentations Here!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Jonathan C. Cohn
Sent: Tuesday, April 25, 2017 7:53 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Home button on left, clickable tabindex=-1 logo on the right

As a screen reader user, i would prefer the logo to not be in the tab order in this case, especially if the logo has an all that has logo. i could even see demoting the link to a clickable item as long as the logo and home icon consistly go to exactly the same target.
Best wishes,

Jonathan Cohn

> On Apr 25, 2017, at 4:52 AM, Karl Brown < <EMAIL REMOVED> > wrote:
> Hi all,
> There's a client navigation I'm reviewing where they've decided, for
> brand reasons, to put the logo on the right.
> So the first thing in the header that's focusable is still a link to
> the homepage, they've put a link on the left which says "Home" (and is
> an icon of a house).
> The logo on the right goes to the homepage, and is still clickable but
> doesn't receive focus because it's got tabindex=-1 applied.
> Am I correct in assuming it's a failure of WCAG 2.1.1 as the logo
> itself is no longer able to be used by non-point-and-click devices?
> --
> Karl Brown
> Twitter: @kbdevelops
> Skype: kbdevelopment
> Professional Certificate Web Accessibility Compliance (Distinction),
> University of South Australia, 2015
> > > archives at http://webaim.org/discussion/archives