aria-disabled is not passed to MenuItem/ListBoxItem/Tab/TreeItem
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
### Provide a general summary of the feature here
I'm trying to implement focusable, disabled MenuItem (https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols) but it is not passed to DOM element. ListBoxItem and Tab also have this issue. Haven't checked TreeItem.
### 🤔 Expected Behavior?
MenuItem div element should have aria-disabled.
### 😯 Current Behavior
aria-disabled is not passed, unlike Button.
### 💁 Possible Solution
_No response_
### 🔦 Context
https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols
### 💻 Examples
_No response_
### 🧢 Your Company/Team
_No response_
### 🕷 Tracking Issue
_No response_
Contributor guide
Research direction
Trace the MenuItem, ListBoxItem, Tab, and TreeItem component entry points to see how their disabled state is rendered to the DOM, comparing the behavior with Button. Verify the affected DOM elements expose aria-disabled and add or update coverage for each affected component.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100