aria-describedby - 两个字段的描述是否相同？

Question

假设下面的代码：

<label for="cars">Choose a car:</label>

<select name="carType" id="cars" aria-describedby="feedback">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<label for="carPrice">Enter a purchase price:</label>

<input id="carPrice" type="number" aria-describedby="feedback"></input>

<div id="feedback">The {car} you are considering for {carPrice} is {good/bad} value.</div>

我使用了与 feedback div 有关的 aria-describedby 属性两次。这是可以接受的用途吗？我没有找到任何说明不允许这样做的文档，但似乎还有其他解决方案。

亲切的问候

Answer 1

几个元素指向同一个aria-describedby元素没有错。 “carType/cars”和“carPrice”都可以指向“feedback”。

请注意，您的第一个 <select> 不会有标签，因为 <label for="carType"> 在 for 属性中使用了错误的 ID。您的 <select> 具有“carType”的 name 属性，但 name 用于 javascript 访问。 for 属性应该引用 ID 属性的值。因此，您需要将 <label> 更改为 <label for="cars">

aria-describedby - 两个字段的描述是否相同？

aria-describedby - Same description for two fields?

html

accessibility

wai-aria

wcag2.0