An attribute to support the role classification of elements. See the official specs.

div [ role "button" ] [ text "Submit" ]

Identifies the currently active descendant of a composite widget. See the official specs.

div [ ariaActivedescendant "id" ] [ text "Hello aria!" ]

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. See the official specs.

div [ ariaChecked "true" ] [ text "Hello aria!" ]

Identifies the element (or elements) that describes the object. See the official specs.

div [ ariaDescribedby "id" ] [ text "Hello aria!" ]

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See the official specs.

div [ ariaDisabled True ] [ text "Hello aria!" ]

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. See the official specs.

div [ ariaExpanded "true" ] [ text "Hello aria!" ]

Indicates that the element and all of its descendants are not visible or perceivable to any user as implemented by the author. See the official specs.

div [ ariaHidden True ] [ text "Hello aria!" ]

Defines a string value that labels the current element. See the official specs.

div [ ariaLabel "label" ] [ text "Hello aria!" ]

Identifies the element (or elements) that labels the current element. See the official specs.

div [ ariaLabelledby "id" ] [ text "Hello aria!" ]

Indicates that the element is not editable, but is otherwise operable. See the official specs.

div [ ariaReadonly True ] [ text "Hello aria!" ]

Indicates that user input is required on the element before a form may be submitted. See the official specs.

div [ ariaRequired True ] [ text "Hello aria!" ]

Indicates the current "selected" state of various widgets. See the official specs.

div [ ariaSelected "true" ] [ text "Hello aria!" ]