AriaAttrs

Create ARIA attribute (Note: for HTML attrs, use L.htmlAttr)

Identifies the currently active descendant of a composite widget.

aria-activedescendant @ MDN

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. See related relevant.

aria-atomic @ MDN

Indicates whether user input completion suggestions are provided.

Enumerated: "inline" | "list" | "both" | "none" (default)

aria-autocomplete @ MDN

Indicates whether an element, and its subtree, are currently being updated.

aria-busy @ MDN

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. See related pressed and selected.

Enumerated: Tristate – "true" | "false" | "mixed" | undefined (default)

• undefined means the element does not support being checked

aria-checked @ MDN

Identifies the element (or elements) whose contents or presence are controlled by the current element. See related owns.

aria-controls @ MDN

Indicates the element that represents the current item within a container or set of related elements.

Enumerated: "page" | "step" | "location" | "date" | "time" | "true" | "false" (default)

aria-current @ MDN

Identifies the element (or elements) that describes the object. See related labelledBy.

aria-describedby @ MDN

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. See related hidden and readOnly.

aria-disabled @ MDN

Indicates what functions can be performed when the dragged object is released on the drop target. This allows assistive technologies to convey the possible drag options available to users, including whether a pop-up menu of choices is provided by the application. Typically, drop effect functions can only be provided once an object has been grabbed for a drag operation as the drop effect functions available are dependent on the object being dragged.

Enumerated: "copy" | "move" | "link" | "execute" | "popup" | "none" (default)

aria-dropeffect @ MDN

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

aria-expanded @ MDN

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.

aria-flowto @ MDN

Indicates an element's "grabbed" state in a drag-and-drop operation.

aria-grabbed @ MDN

Indicates that the element has a popup context menu or sub-level menu.

aria-haspopup @ MDN

Indicates that the element and all of its descendants are not visible or perceivable to any user as implemented by the author. See related disabled.

aria-hidden @ MDN

Indicates the entered value does not conform to the format expected by the application.

Enumerated: "grammar" | "spelling" | "true" | "false" (default)

aria-invalid @ MDN

Defines a string value that labels the current element. See related labelledBy.

aria-label @ MDN

Identifies the element (or elements) that labels the current element. See related label and describedBy.

aria-labelledby @ MDN

Defines the hierarchical level of an element within a structure.

aria-level @ MDN

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.

Enumerated: "polite" | "assertive" | "off" (default)

aria-live @ MDN

Indicates whether a text box accepts multiple lines of input or only a single line.

aria-multiline @ MDN

Indicates that the user may select more than one item from the current selectable descendants.

aria-multiselectable @ MDN

Indicates whether the element and orientation is horizontal or vertical.

Enumerated: "vertical" | "horizontal" (default)

aria-orientation @ MDN

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 controls.

aria-owns @ MDN

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 setSize.

aria-posinset @ MDN

Indicates the current "pressed" state of toggle buttons. See related checked and selected.

Enumerated: Tristate – "true" | "false" | "mixed" | undefined (default)

• undefined means the element does not support being pressed

aria-pressed @ MDN

Indicates that the element is not editable, but is otherwise operable. See related disabled.

aria-readonly @ MDN

Indicates what user agent change notifications (additions, removals, etc.) assistive technologies will receive within a live region. See related atomic.

Enumerated: "additions" | "removals" | "text" | "all" | "additions text" (default)

aria-relevant @ MDN

Indicates that user input is required on the element before a form may be submitted.

aria-required @ MDN

Indicates the current "selected" state of various widgets. See related checked and pressed.

aria-selected @ MDN

Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. See related posInSet.

aria-setsize @ MDN

Indicates if items in a table or grid are sorted in ascending or descending order.

Enumerated: "ascending" | "descending" | "other" | "none" (default)

aria-sort @ MDN

Defines the maximum allowed value for a range widget.

aria-valuemax @ MDN

Defines the minimum allowed value for a range widget.

aria-valuemin @ MDN

Defines the current value for a range widget. See related valueText.

aria-valuenow @ MDN

Defines the human readable text alternative of aria-valuenow for a range widget.

aria-valuetext @ MDN