Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Textfield] A select is not accessible, its missing the names #44319

Open
BennyAlex opened this issue Nov 4, 2024 · 1 comment
Open

[Textfield] A select is not accessible, its missing the names #44319

BennyAlex opened this issue Nov 4, 2024 · 1 comment
Assignees
Labels
component: text field This is the name of the generic UI component, not the React module! status: waiting for maintainer These issues haven't been looked at yet by a maintainer

Comments

@BennyAlex
Copy link

BennyAlex commented Nov 4, 2024

Steps to reproduce

image

Link to live example: (required)

The input is marked as aria-hidden so it is not visible to the screenreader. This causes the input not having a name or label.

Current behavior

No response

Expected behavior

Inputs & Selects are named and labeled correctly for screenreaders

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: accessible

@BennyAlex BennyAlex added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Nov 4, 2024
@BennyAlex
Copy link
Author

This could also be an issue of having the wrong id targeting:

the label id is: "demo-simple-select-label" where as the div has aria-labelledby="demo-simple-select-label demo-simple-select"
image

@zannager zannager added the component: text field This is the name of the generic UI component, not the React module! label Nov 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: text field This is the name of the generic UI component, not the React module! status: waiting for maintainer These issues haven't been looked at yet by a maintainer
Projects
None yet
Development

No branches or pull requests

3 participants