[accordion] Use context to remove need for manual id assigments
Open
Nobody has claimed this yet.
accessibility
scope: accordion
type: enhancement
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Summary
See https://mui.com/material-ui/react-accordion/#accessibility. The need to assign id shouldn't be needed in the first place.
I suspect that we could use https://base-ui.com/react/components/accordion under the hood here.
Examples
- We have #48300 to work around the issue.
Motivation
Search keywords: -
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 Accordion accessibility guidance at mui.com/material-ui/react-accordion/#accessibility and compare the current approach with the Base UI React Accordion component. Review issue #48300 as the motivating workaround. Done means users no longer need to assign manual ids while the documented accessibility behavior remains intact.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100