ARIA states and properties (attributes)

This page lists reference pages covering all the <abbr>WAI-ARIA</abbr> attributes discussed on MDN.

<abbr>ARIA</abbr> attributes enable modifying an element's states and properties as defined in the accessibility tree.

[!NOTE] ARIA only modifies the accessibility tree, modifying how assistive technology presents the content to your users. ARIA doesn't change anything about an element's function or behavior. When not using semantic HTML elements for their intended purpose and default functionality, you must use JavaScript to manage behavior, focus, and ARIA states.

ARIA attribute types

There are 4 categories of ARIA states and properties:

Live region attributes

Drag-and-Drop attributes

Relationship attributes

Global ARIA attributes

Some states and properties apply to all HTML elements regardless of whether an ARIA role is applied. These are defined as "Global" attributes. Global states and properties are supported by all roles and base markup elements.

Many of the above attributes are global, meaning they can be included on any element unless specifically disallowed:

By "specifically disallowed," all the above attributes are global except for the aria-label and aria-labelledby properties, which are not allowed on elements with role presentation nor its synonym none role.

Index of states and properties

The following are the reference pages covering the <abbr>WAI-ARIA</abbr> states and properties described on <abbr>MDN</abbr>.