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 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…
Description Indicates that the user may select more than one item from the current selectable descendants. Authors SHOULD ensure that selected descendants have the aria-selected attribute set to true, and selectable descendant have the aria-selected attribute set to false. Authors SHOULD NOT use the aria-selected attribute on descendants that are not selectable. Note: Lists and trees…
Description Indicates whether a text box accepts multiple lines of input or only a single line. Note: In most user agent implementations, the default behavior of the ENTER or RETURN key is different between the single-line and multi-line text fields in HTML. When user has focus in a single-line <input type=”text”> element, the keystroke usually submits…
Description New in ARIA 1.1 Indicates whether an element is modal when displayed. The aria-modal attribute is used to indicate that the presence of a “modal” element precludes usage of other content on the page. For example, when a modal dialog is displayed, it is expected that the user’s interaction is limited to the contents…
Description Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. The values of this attribute are expressed in degrees of importance. When regions are specified as polite, assistive technologies will notify users of updates but generally do not…
Description Defines the hierarchical level of an element within a structure. This can be applied inside trees to tree items, to headings inside a document, to nested grids, nested tablists and to other structural items that may appear inside a container or participate in an ownership hierarchy. The value for aria-level is an integer greater…
