What is aria-selected?
Indicates the current “selected” state of various widgets.
This attribute is used with single-selection and multiple-selection widgets:
Single-selection containers where the currently focused item is not selected. The selection normally follows the focus, and is managed by the user agent.
Multiple-selection containers. Authors SHOULD ensure that any selectable descendant of a container in which the aria-multiselectable attribute is true specifies a value of either true or false for the aria-selected attribute.
Any explicit assignment of aria-selected takes precedence over the implicit selection based on focus. If no DOM element in the widget is explicitly marked as selected, assistive technologies MAY convey implicit selection which follows the keyboard focus of the managed focus widget. If any DOM element in the widget is explicitly marked as selected, the user agent MUST NOT convey implicit selection for the widget.
Browser Compatibility For aria-selected
|ChromeFull support81||EdgeFull support81||FirefoxNo supportNo||Internet ExplorerNo supportNo||OperaFull support68||SafariFull support12.1||WebView AndroidFull support81||Chrome AndroidFull support81||Firefox for AndroidNo supportNo||Opera AndroidFull support58||Safari on iOSFull support12.2||Samsung InternetFull support13.0|
Screen Reader Support For aria-selected
|Expectation||JAWS||Narrator||NVDA||Orca||TalkBack||VoiceOver (iOS)||VoiceOver (macOS)|
|MUST convey undefined value by indicating that the element is not selectable||supported||supported||supported||supported||supported||supported||none||supported||supported||supported||supported|
|MUST convey false value by indicating that the element can be selected||none||none||none||none||supported||supported||supported||none||none||none||none|
|MUST convey true value by indicating that the element is currently selected||partial (1/2)||partial (1/2)||none||supported||none||none||none||none||partial (1/2)||none||partial (1/2)|
|MUST convey changes to aria-selected value||none||none||none||supported||supported||supported||none||none||partial||none||none|
Example coming soon
Used in Roles
Inherits into Roles
Value representing true, false, or not applicable. For example, an element with aria-expanded set to false is not currently expanded; an element with aria-expanded set to undefined is not expandable. The default value for this value type is undefined unless otherwise specified.
- The selectable element is not selected.
- The selectable element is selected.
- undefined (default)
- The element is not selectable.
Use the HTML “selected” attribute.
<option value="audi" selected>Audi</option>