ember-paper
ember-paper copied to clipboard
Select ARIA violation around not having an accessible name
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)
P.S. I haven't investigated the aria-valid-attr-value
failure yet, but it may be a semi-related A11y concern