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

Select ARIA violation around not having an accessible name #1171

Open
hergaiety opened this issue Oct 20, 2020 · 0 comments
Open

Select ARIA violation around not having an accessible name #1171

hergaiety opened this issue Oct 20, 2020 · 0 comments

Comments

@hergaiety
Copy link

hergaiety commented Oct 20, 2020

The ember-paper Select component renders a wrapper element <md-input-container ...attributes> that absorbs any attributes, not allowing any aria-label or aria-describedby or similar accessibility attributes to be passed to the underlying <md-select> that Ember Power Select outputs. This results in a [serious]: ARIA input fields must have an accessible name https://dequeuniversity.com/rules/axe/3.5/aria-input-field-name?application=axeAPI.

This is even true if you supply a @label="my label".

Running a a11yAudit with popular ember-a11y-testing addon fails with the above rule violation. (For a full reproduction, I awaited for a click on the dropdown to show the options first)

Screenshot_2020-10-20_15-45-22


P.S. I haven't investigated the aria-valid-attr-value failure yet, but it may be a semi-related A11y concern

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant