disabled property

@override @Accessor(key: 'aria-disabled') bool? disabled

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See related aria-hidden and aria-readonly.

For example, irrelevant options in a radio group may be disabled. Disabled elements might not receive focus from the tab order. For some disabled elements, applications might choose not to support navigation to descendants. In addition to setting the aria-disabled attribute, authors SHOULD change the appearance (grayed out, etc.) to indicate that the item has been disabled.

The state of being disabled applies to the current element and all focusable descendant elements of the element on which the aria-disabled attribute is applied.

See: developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled

Implementation

@override
@Accessor(key: 'aria-disabled')
bool? get disabled =>
    (props[_$key__disabled___$AriaPropsMixin] ?? null) as bool?;

@override @Accessor(key: 'aria-disabled') void disabled=(bool? value)

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See related aria-hidden and aria-readonly.

For example, irrelevant options in a radio group may be disabled. Disabled elements might not receive focus from the tab order. For some disabled elements, applications might choose not to support navigation to descendants. In addition to setting the aria-disabled attribute, authors SHOULD change the appearance (grayed out, etc.) to indicate that the item has been disabled.

The state of being disabled applies to the current element and all focusable descendant elements of the element on which the aria-disabled attribute is applied.

See: developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled

Implementation

@override
@Accessor(key: 'aria-disabled')
set disabled(bool? value) => props[_$key__disabled___$AriaPropsMixin] = value;