Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Inactive pagination items are not accessible via TAB key #1295

Open
2 tasks done
dtelijis opened this issue Mar 28, 2024 · 1 comment
Open
2 tasks done

Inactive pagination items are not accessible via TAB key #1295

dtelijis opened this issue Mar 28, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@dtelijis
Copy link

Checks

Version

v4.1.3

Description

Contrary to the standard a11y rules and guidelines,
The active pagination item is focusable, while the other pagination items are non-focusable (tabindex="-1').

The idea is, that if a pagination item is accessible via a mouseclick, then it should also be accessible via TAB press.

Reproduction Link

No response

Steps to Reproduce

  1. Hit TAB as much as needed, until reaching the pagination area.

Expected Behaviour

Every pagination item which is not active (i.e. , which corresponds to a slide which is not visible at the moment), should be focusable, and not have a tabindex="-1" value.

The active pagination item SHOULD be non-focusable (i.e., have a tabindex="-1" value), although not mandatory.

@dtelijis dtelijis added the bug Something isn't working label Mar 28, 2024
@wplit
Copy link

wplit commented Jul 2, 2024

This is incorrect. There should only be one focusable element inside of a tablist, all the rest should be not be focusable. left/right changes which tab is focusable, but only one at any one time should be focusable with the tab key.

see examples - https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants