aria-hidden attribute | ariaHidden property (Internet Explorer)

[This documentation is preliminary and is subject to change.]

Sets or retrieves the hidden state of this element.

Syntax

<element aria-hidden="p" ... >

object.setAttribute("aria-hidden",value);var value = object.getAttribute("aria-hidden");

Property values

Type: String

The hidden state.

(true)

The element is hidden (not visible).

(false)

Default. The element is visible.

Remarks

This ariaHidden state indicates whether an element is visible or hidden.

Note  For cross-browser compatibility, always use the WAI-ARIA attribute syntax to access and modify ARIA properties, for example object.setAttribute("aria-valuenow", newValue).

Examples

You can use a CSS rule to show or hide the element based on the value of the ariaHidden state, as shown here:

[aria-hidden=true] {visibility: hidden;}

See also

Accessible Rich Internet Applications (ARIA)

W3C ARIA-Hidden

Build date: 2/13/2012