Кратко
СкопированоСостояние виджета из WAI-ARIA. Означает состояние, в котором сейчас находятся чекбокс или по-другому флажок, радиокнопка или пункт выпадающего списка.
Так же ведёт себя HTML-атрибут checked.
Пример
Скопировано
<span role="checkbox" aria-labelledby="label" tabindex="0" aria-checked="false"></span><label id="label">Получать рассылку</label>
<span role="checkbox" aria-labelledby="label" tabindex="0" aria-checked="false"></span>
<label id="label">Получать рассылку</label>
Как пишется
СкопированоДобавьте к тегу атрибут aria с одним из значений:
true— элемент отмечен или выбран.false— элемент не отмечен или не выбран.mixed— у элементов смешанное состояние.undefined(по умолчанию) — элемент нельзя отметить или выбрать.
Значение mixed поддерживают элементы с ролями checkbox и menuitemcheckbox.
aria можно использовать только для некоторых ролей:
Если используете <input type, <input type и <option>, им не нужен атрибут aria.
Как понять
СкопированоЧекбоксы, переключатели, радиокнопки и пункты выпадающего списка обычно бывают в двух состояниях — выбранном или нет. У групп чекбоксов иногда бывает смешанное состояние, когда выбраны не все чекбоксы.