WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Birkir R. Gunnarsson
Date: Apr 25, 2017 7:10AM

If I understand this problem correctly.

There are two links that point to the same URL, one is a "home" image
link and the other is just a regular link.
The regular link has been removed from focus order using tabindex="-1".

If this is the case I would not call an accessibility issue on it.
Why? Because the user can navigate to the home link to get to the
page, adding the other link will not help the keyboard only user (it
will be worse because it adds an unnecessary tab stop).
You could make a best practice recommendation that, if possible, the
two be merged, see WCAG technique H2
http://www.w3.org/TR/WCAG20-TECHS/H2.html

I am fine with use of tabindex="-1" where appropriate. It does not
alter the focus order, it just removes certin elements from focus
order but makes them focusable with JavaScript. It all depends on the
context.
Also, a focus order does not have to be left to right, top to bottom
(though recommended), it just has to be logical.
I always call a fail on use of positive tabindex values, because those
will break the focus order of the page.



On 4/25/17, JP Jamous < <EMAIL REMOVED> > wrote:
> 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?
>
>