[docs] Improve accessibility for select examples by silviuaavram · Pull Request #48250 · mui/material-ui (original) (raw)
Pull request overview
This PR updates the Material UI Select documentation demos to improve accessibility and clarify variant usage, especially around labels and helper text.
Changes:
- Add an outlined Select example to the variants demo and adjust labeling props accordingly.
- Link helper text to Select components in the labels demo via
aria-describedby+ helper textid. - Reorganize and expand docs guidance around variants and labeling/helper text.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| docs/data/material/components/selects/SelectVariants.tsx | Adds outlined variant example; removes unnecessary label prop from standard variant. |
| docs/data/material/components/selects/SelectVariants.js | Same as TS demo for JS version. |
| docs/data/material/components/selects/SelectLabels.tsx | Adds aria-describedby and stable helper text IDs; refines labeling text. |
| docs/data/material/components/selects/SelectLabels.js | Same as TS demo for JS version. |
| docs/data/material/components/selects/selects.md | Renames variants section, moves outlined-label warning, and adds labeling/helper-text guidance. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.