ember-paper icon indicating copy to clipboard operation
ember-paper copied to clipboard

Select ARIA violation around not having an accessible name

Open hergaiety opened this issue 4 years ago • 0 comments

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

hergaiety avatar Oct 20 '20 20:10 hergaiety