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

The **`ariaModal`** property of the {{domxref("Element")}} interface reflects the value of the `aria-modal` attribute, which indicates whether an element is modal when displayed.

## Syntax

    var ariaModal = element.ariaModal;
    element.ariaModal = ariaModal

### Value

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

- `"true"`
  - : The element is modal.
- `"false"`
  - : The element is not modal.

## Examples

In this example the `aria-modal` attribute on the element with an ID of `address-modal` is set to "true" indicating that this is a modal dialog. Using `ariaModal` we update the value to "false".

```html
<div role="dialog" id="address-modal" aria-labelledby="dialog1Title"
  aria-describedby="dialog1Desc" aria-modal="true"></div>
```

```js
let el = document.getElementById('address-modal');
console.log(el.ariaModal); // "true"
el.ariaModal = "false"
console.log(el.ariaModal); // "false"
```

## Specifications

{{Specifications}}

## Browser compatibility

{{Compat}}

## See also

- [ARIA: dialog role](/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role)
