мне нужен атрибут WAI-ARIA aria-labelledby для вложенного элемента ввода?

Question

Требуется ли атрибут aria-labelledby для элемента <input>, который вложен в элемент <label>, который служит меткой для <input>? Как показано ниже:

<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>

Затем вам нужно использовать aria-labelledby для тега <input>, например:

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