Specify that a standard HTML element should behave like a defined custom built-in element
string
aria-activedescendant
Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
string
aria-atomic
Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
false | true | "false" | "true"
aria-autocomplete
Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
presented if they are made.
"none" | "inline" | "list" | "both"
aria-busy
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.
false | true | "false" | "true"
aria-checked
Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
false | true | "mixed" | "false" | "true"
aria-colcount
Defines the total number of columns in a table, grid, or treegrid.
number
aria-colindex
Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
number
aria-colspan
Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
number
aria-controls
Identifies the element (or elements) whose contents or presence are controlled by the current element.
string
aria-current
Indicates the element that represents the current item within a container or set of related elements.
Identifies the element (or elements) that describes the object.
string
aria-details
Identifies the element that provides a detailed, extended description for the object.
string
aria-disabled
Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
false | true | "false" | "true"
aria-errormessage
Identifies the element that provides an error message for the object.
string
aria-expanded
Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
false | true | "false" | "true"
aria-flowto
Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
allows assistive technology to override the general default of reading in document source order.
string
aria-haspopup
Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
string
aria-label
Defines a string value that labels the current element.
string
aria-labelledby
Identifies the element (or elements) that labels the current element.
string
aria-level
Defines the hierarchical level of an element within a structure.
number
aria-live
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.
"off" | "assertive" | "polite"
aria-modal
Indicates whether an element is modal when displayed.
false | true | "false" | "true"
aria-multiline
Indicates whether a text box accepts multiple lines of input or only a single line.
false | true | "false" | "true"
aria-multiselectable
Indicates that the user may select more than one item from the current selectable descendants.
false | true | "false" | "true"
aria-orientation
Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
"horizontal" | "vertical"
aria-owns
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.
string
aria-placeholder
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.
string
aria-posinset
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.
number
aria-pressed
Indicates the current "pressed" state of toggle buttons.
false | true | "mixed" | "false" | "true"
aria-readonly
Indicates that the element is not editable, but is otherwise operable.
false | true | "false" | "true"
aria-relevant
Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.