adopted-ember-addons / adopted-ember-addons/ember-paper

Select ARIA violation around not having an accessible name

未关闭
#1,171 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
879
派生
327
PR 合并指标
30 天内没有已合并 PR

描述

The [ember-paper Select](https://miguelcobain.github.io/ember-paper/#/components/select) component renders a wrapper element `` that absorbs any attributes, not allowing any `aria-label` or `aria-describedby` or similar accessibility attributes to be passed to the underlying `` 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](https://github.com/ember-a11y/ember-a11y-testing) 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](https://user-images.githubusercontent.com/1664093/96642109-4d64d380-12eb-11eb-990a-95e2ecb06ee5.png)

---

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

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。