SIA-R18`aria-*` states and properties are allowed

Accessibility requirements

This rule tests conformance of the following accessibility requirements:

This rule checks that ARIA states and properties are allowed by the element on which they are specified.

This rule applies to every attribute specified on an element included in the accessibility tree, where the name of the attribute corresponds to a WAI-ARIA state or property.

The attribute is either:
- (global) a global state or property; or
- (semantic role) an inherited, supported, or required state or property of the semantic role of the element on which it is specified; or
- (language feature) specified on an HTML element and is allowed on that element. Which ARIA states or properties may be used on which element is described in ARIA in HTML
For example, the <audio> element has no corresponding semantic role, but it can have inherited, supported, or required states or properties of the application role.
The attribute is not a prohibited state or property of the semantic role of the element on which it is specified.

This rule makes no assumptions.

This rule has no known accessibility support concerns.

<button aria-pressed="false">My button</button>

The global state aria-busy is supported by all base markup elements:

<div aria-busy="true">My busy button</div>

This <input> element does not have any semantic role, but the aria-required property may be used on an <input> element whose type attribute is in the Password state.

<label>Password<input type="password" aria-required="true" /></label>

The aria-sort property is neither supported, inherited nor required for the button role:

<button aria-sort="ascending">Sort by year</button>

<div aria-label="Hello">Good morning.</div>

This element has no WAI-ARIA state or property:

<div role="region">A region of content</div>

<button aria-sort="ascending" aria-hidden="true">Sort by year</button>