Accessibility: Missing label association in Select

[swapnilchafale]

Steps to reproduce

The Basic Select example in the documentation does not pass accessibility checks.
An accessibility audit reports: "Missing form label: A form control does not have a corresponding label."

Screenshot:

Steps to reproduce:

1. Visit https://mui.com/material-ui/react-select/
2. Inspect the example under "Basic select".
3. Accessibility checker reports: "Missing form label". (Crome Extension - WAVE Evaluation Tool)

Current behavior

No response

Expected behavior

The example should properly associate the label with the Select component using labelId and id attributes, or provide an aria-label for compliance with WCAG.

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: Accessibility, Select

[mj12albert]

This input has aria-hidden="true" and is a WAVE false positive: https://wave.webaim.org/help#hidden

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.