Tabs ADA Title II non-compliant in horizontal orientation
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 175k
- Forks
- 78.6k
- Avg merge
- 7h 19m
- Merged PRs (30d)
- 35
Description
Prerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
Per WAI-ARIA tabs pattern, the up and down arrow keys should not be listened for in horizontal orientation. The Bootstrap example shows it being listened for. The minified bootstrap bundle shows it being listened for. I am unable to override it in my own code, leaving the websites I work on ADA Title II non-compliant where Tabs are used.
I have verified that nothing in my own code is listening for the ArrowDown nor ArrowUp keydown event.
Issue occurs in all desktop browsers.
Reduced test cases
See the Bootstrap example.
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
v5.3.8
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Bootstrap navs and tabs JavaScript behavior example and compare it with the minified Bootstrap bundle, focusing on ArrowUp and ArrowDown keydown handling in horizontal orientation. Verify the behavior against the WAI-ARIA tabs pattern and test the example in desktop browsers. Done means horizontal tabs no longer listen for those arrow keys while the documented tab behavior remains functional.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100