adobe / adobe/react-spectrum

aria-disabled is not passed to MenuItem/ListBoxItem/Tab/TreeItem

Open
#10,276 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.