Discover the comprehensive guide to implementing WAI-ARIA for web accessibility. Improve user experience and inclusivity on your website with practical tips and best practices.
Description Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. See related aria-atomic. The attribute is represented as a space delimited list of the following values: additions, removals, text; or a single catch-all value all. This is used to describe semantically meaningful changes, as opposed to…
Description Indicates that the element is not editable, but is otherwise operable. See related aria-disabled. This means the user can read but not set the value of the widget. Readonly elements are relevant to the user, and application authors SHOULD NOT restrict navigation to the element or its focusable descendants. Other actions such as copying…
Description Defines an element’s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. See related aria-setsize. If all items in a set are present in the document structure, it is not necessary to set this attribute, as the user agent…
Description New in ARIA 1.1 Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format. Authors SHOULD NOT use aria-placeholder instead of a label as their purposes…
Description Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. See related aria-controls. The value of the aria-owns attribute is a space-separated list of IDREFS that reference one or more elements in the document…
Description Indicates whether the element’s orientation is horizontal, vertical, or unknown/ambiguous. Note: In ARIA 1.1, the default value for aria-orientation changed from horizontal to undefined. Implicit defaults are defined on some roles (e.g., slider defaults to horizontal; scrollbar defaults to vertical) but remain undefined on roles where an expected default orientation is ambiguous (e.g., radiogroup). Browser…
