Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tab jump over hidden elements

See original GitHub issue

Describe the bug Tabbing goes through hidden elements too.

To Reproduce Use any >2 slides carousel with links. Try tabbing. Focus is running though hidden elements.

Expected behavior Whole carousel should be recognized as few elements (in that order):

Arrows (if enabled) - obviously, left/right.
Dots (if enabled) - to enable selecting slide without jumping though all of those.
Whole carousel (should also be outlined to accent focus?) to enable keyboard left/right sliding)
Visible content elements - jumping though visible slide elements

Additional context HTML’s tabindex might be useful. Well, this might be considered as both bug and feature 🤔

[Bug] Remove hidden elements tabindex.
[Feature] Allow logical tabindex integration.

IssueHunt Summary

Backers (Total: $0.00)

Become a backer now!

Or submit a pull request to get the deposits!

Tips

Checkout the Issuehunt explorer to discover more funded issues.
Need some help from other developers? Add your repositories on IssueHunt to raise funds.

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:10 (2 by maintainers)

Top GitHub Comments

1reaction

AgainPsychoXcommented, Feb 20, 2020

Tab stick only to elements with tabindex attribute. I can post some example code in few minutes.

0reactions

issuehunt-app[bot]commented, Jun 16, 2020

@piotr-s-brainhub has cancelled funding for this issue.(Cancelled amount: $5.00) See it on IssueHunt

Top Results From Across the Web

Is it possible to prevent hidden elements jumping into view on ...

In my case, I added a dynamic tabindex attribute, so that when the tab-able elements where hidden, it was tabindex="-1" (prevent all ...

Trapping Focus Within An Element Using Tab-Key Navigation ...

Ben Nadel looks at how to programmatically keep focus within a container element (such as a modal window) using JavaScript when the user...

Control focus with tabindex - web.dev

Any tabindex greater than 0 jumps the element to the front of the natural tab order. If there are multiple elements with a...

How to Prevent Tab Indexing on Specific Elements - W3docs

The tabindex attribute allows making an element and areas having the element as its DOM anchor be focusable areas, as well as makes...

Technique: Managing focus and inactive elements

Having to tab through invisible controls to reach visible ones is arduous and potentially confusing for sighted users navigating the page by keyboard....