Explore the importance of WAI-ARIA states in web development and how they can benefit users with disabilities. Get started with implementation today.
Description Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. The default value of aria-busy is false for all elements. When aria-busy is true for an element, assistive technologies MAY ignore changes to content owned by that element and…
Description Indicates the current “checked” state of checkboxes, radio buttons, and other widgets. See related aria-pressed and aria-selected. The aria-checked attribute indicates whether the element is checked (true), unchecked (false), or represents a group of other elements that have a mixture of checked and unchecked values (mixed). Most inputs only support values of true and…
Description Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See related aria-hidden and aria-readonly. For example, irrelevant options in a radio group may be disabled. Disabled elements might not receive focus from the tab order. For some disabled elements, applications might choose not to support navigation to…
Description Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. For example, this indicates whether a portion of a tree is expanded or collapsed. In other instances, this may be applied to page sections to mark expandable and collapsible regions that are flexible for managing content density. Simplifying the…
Description [Deprecated in ARIA 1.1] In ARIA 1.1 the drag and drop attributes aria-grabbed and aria-dropeffect were slated to be deprecated.The idea was to use native accessibility API features for drag and drop instead. However, in practice, since the accessibility API features for accessible drag and drop still don’t exist and likely won’t for several…
Description Indicates whether the element is exposed to an accessibility API. See related aria-disabled. User agents determine an element’s hidden status based on whether it is rendered, and the rendering is usually controlled by CSS. For example, an element whose display property is set to none is not rendered. An element is considered hidden if…
