Разница между и арией

Question

Может ли sommeone объяснить мне разницу между использованием атрибута for на метке и использованием атрибута aria-labeled-by-attribute на входе.

Насколько я знаю, aria-labeleled by позволяет нескольким элементам (кнопкам egradio) быть помеченными одной и той же меткой, независимо от того, полагается ли на id элементов, которые должны быть уникальными и поэтому могут быть назначены только одному элементу.

Так в каком случае я должен использовать а в каком случае помечен арией?

Answer 1

Основное отличие состоит в том, что атрибут for имеет функциональное назначение. Атрибут for используется для связывания label с указанным полем формы некоторого идентификатора. Например:

<div>
  <input type="checkbox" id="checkboxId" />
  <label for="checkboxId">My cool checkbox with clickable label</label>
</div>

<div>
  <input type="checkbox" id="checkboxId2" />
  <label>My cool checkbox without clickable label</label>
</div>

Как видите, метка с указанным for attrubute имеет возможность переключать флажок id, указанный в этом атрибуте for.

---

Атрибуты ARIA в основном используются для того, чтобы сделать ваше приложение доступным для людей с ограниченными возможностями (например, чтобы сделать ваше приложение подходящим для программ чтения с экрана и т. Д.). Атрибуты ARIA не имеют прямого функционального назначения, они только о доступности

<input aria-labeledby="myLabel" type="checkbox" id="checkboxId" />
<label id="myLabel">My cool label</label>