---
title: Element.ariaSelected
slug: Web/API/Element/ariaSelected
tags:
  - API
  - Property
  - Reference
  - ariaSelected
  - AriaAttributes
  - AriaMixin
  - Element
browser-compat: api.Element.ariaSelected
---
{{DefaultAPISidebar("DOM")}}

The **`ariaSelected`** property of the {{domxref("Element")}} interface reflects the value of the `aria-selected` attribute, which indicates the current "selected" state of elements that have a selected state.

## Syntax

    var ariaSelected = element.ariaSelected;
    element.ariaSelected = ariaSelected

### Value

A {{domxref("DOMString")}} with one of the following values:

- `"true"`
  - : The item is selected.
- `"false"`
  - : The item is not selected.
- `"undefined"`
  - : The item is not

## Examples

In this example the `aria-selected` attribute on the element with an ID of `tab-id` is set to "true". Using `ariaSelected` we update the value to "false".

```html
<button role="tab" aria-selected="true" aria-controls="tabpanel-id" id="tab-id">Tab label</button>
```

```js
let el = document.getElementById('tab-id');
console.log(el.ariaSelected); // true
el.ariaSelected = "false";
console.log(el.ariaSelected); // false
```

## Specifications

{{Specifications}}

## Browser compatibility

{{Compat}}

## See also

- [ARIA: tab role](/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role)
