Элемент: свойство ariaChecked

Свойство ariaChecked интерфейса Element отражает значение атрибута aria-checked, который указывает текущее состояние «выбора» для чекбоксов, радиокнопок и других виджетов, имеющих состояние выбора.

Строка с одним из следующих значений:

"true"

Элемент выбран.

"mixed"

Указывает смешанное состояние для три-состояниевого чекбокса или элемента меню-чекбокса.

"false"

Элемент поддерживает состояние выбора, но в настоящее время не выбран.

"undefined"

Элемент не поддерживает состояние выбора.

В этом примере атрибут aria-checked элемента с ID checkBoxInput имеет значение "false", что указывает на то, что данный элемент ввода сейчас не выбран. Используя ariaChecked, мы обновляем значение на "true".

<span
  role="checkbox"
  id="checkBoxInput"
  aria-checked="false"
  tabindex="0"
  aria-labelledby="chk1-label">
</span>
<label id="chk1-label">Remember my preferences</label>

let el = document.getElementById("checkBoxInput");
console.log(el.ariaChecked); // "false"
el.ariaChecked = "true";
console.log(el.ariaChecked); // "true"

• ARIA: роль чекбокса