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 namehttps://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
The ember-paper Select component renders a wrapper element
<md-input-container ...attributes>
that absorbs any attributes, not allowing anyaria-label
oraria-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 popularember-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