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

Form Support: Accessibility issue for required inputs #5917

Closed
elenastoyanovaa opened this issue Oct 11, 2022 · 0 comments · Fixed by #5922
Closed

Form Support: Accessibility issue for required inputs #5917

elenastoyanovaa opened this issue Oct 11, 2022 · 0 comments · Fixed by #5922
Assignees
Labels
ACC bug This issue is a bug in the code TOPIC Core

Comments

@elenastoyanovaa
Copy link
Contributor

elenastoyanovaa commented Oct 11, 2022

Bug Description

When a required input field component is used in a form an accessibility issue is present related to the additionally rendered input field, used to achieve form support.

Steps to Reproduce

  1. Go to 'this sample'
  2. Use AXE of Access Assistant extentions and run a general test on the whole page
  3. An error stating that an input field does not have an accessible name is present.

The issue is introduces with this PR: #5133 and was not present before, because the additional input had a role="hidden" and was ignored for accessibility. Now this element is exposed to the accessibility tree and as an input field it is required to have an accessible name. As this input is not used by the component users, we should hide it from the accessibility tree by adding aria-hidden="true"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ACC bug This issue is a bug in the code TOPIC Core
Projects
Status: Completed
Development

Successfully merging a pull request may close this issue.

1 participant