WebAIM - Web Accessibility In Mind

E-mail List Archives

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


From: JP Jamous
Date: Apr 25, 2017 6:23AM

Tabindex should move left to right top to bottom unless the content is in Arabic or RTL languages. So yes, I would consider it as a failure.

I don't like it when developers start messing with the tabindex. Leave it up to the browser. Again, KISS applies here as I always like to use it. The simpler the more productive the UI will be.

From a UX prospective, that is not how the page is laid out to sighted users. Why should it be different for screen reader or keyboard only users?

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Karl Brown
Sent: Tuesday, April 25, 2017 3:52 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Home button on left, clickable tabindex=-1 logo on the right

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