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][a11y] Add aria-describedby in the input assosiated with the id of the start/end adornment #44108

Open
mnajdova opened this issue Oct 15, 2024 · 0 comments
Labels
accessibility a11y component: text field This is the name of the generic UI component, not the React module!

Comments

@mnajdova
Copy link
Member

mnajdova commented Oct 15, 2024

Summary

When using start/end adornment the input needs to be well associated with the description they provide, by adding an aria-describedby to have the value of the adornment id so that the unsighted users can get the same hint as sighted users.

As a first step, we can likely start with improving this demo, and later we can provide this as a feature out of the box.

Examples

Check https://mui.com/material-ui/react-text-field/#input-adornments as an example.

Motivation

No response

Search keywords: textfield adonrment

@mnajdova mnajdova added accessibility a11y component: text field This is the name of the generic UI component, not the React module! labels Oct 15, 2024
@mnajdova mnajdova changed the title [TextField] Add aria-describedby in the input assosiated with the id of the start/end adornment [TextField][a11y] Add aria-describedby in the input assosiated with the id of the start/end adornment Oct 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y component: text field This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

1 participant