嵌套输入元素上是否需要 WAI-ARIA 属性 aria-labelledby？

Question

嵌套在用作 <input> 标签的 <label> 元素中的 <input> 元素是否需要属性 aria-labelledby？如下所示：

<label>This is an input field:
  <input type="text" />
</label>

或者我需要这样的东西：

<label id="mylabel">This is an input field:
  <input type="text" aria-labelledby="mylabel" />
</label>

我知道 for 属性在 <label> 上不需要，如果 for 的目标是嵌套的，同样的原则是否适用于 ARIA 属性？

Answer 1

当 <input> 标签出现在 <label> 标签内时，您不需要使用 aria-labelledby 属性。但是，如果你这样写：

<div> Enter some text here: <input type="text"/> </div>

然后，您需要像这样在 <input> 标签上使用 aria-labelledby：

<div id="txt"> Enter some text here: <input type="text" aria-labelledby="txt"> </div>

do I need WAI-ARIA attribute aria-labelledby on nested input element?