WCAG ARIA 所需的 react-select 问题

时间:2021-01-29 09:00:16

标签: reactjs react-select wcag

我正在尝试在 React-Select 组件上添加 aria-required="true",但无法找到一种方法为具有 aria-autocomplete="list" 属性的输入元素提供所需的 aria 属性。

如果我设置了 aria-label="test",那么这个属性出现在具有 aria-autocomplete="list" 属性的 input 元素上。 Refer snapshot

请为符合 WCAG 要求的 React-Select 组件建议 aria-required="true" 的变通方法/方法。

`<Select
                placeholder="Select Option"
                value={selectedOption} // set selected value
                options={data} // set list of the data
                onChange={handleChange} // assign onChange function
                aria-required="true"
                aria-label="test"
              />

`

使用上述代码,我尝试在 React-Select 组件上添加 aria-required="true"aria-label="test",但它不适用于 aria-required 属性,并且检查元素仅显示 aria-label。

0 个答案:

没有答案