WebAIM - Web Accessibility In Mind

E-mail List Archives

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


From: Jonathan C. Cohn
Date: Apr 25, 2017 5:53AM

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