Кратко
СкопированоСостояние виджета из 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
.
Как понять
СкопированоЧекбоксы, переключатели, радиокнопки и пункты выпадающего списка обычно бывают в двух состояниях — выбранном или нет. У групп чекбоксов иногда бывает смешанное состояние, когда выбраны не все чекбоксы.