aria-controls attribute | ariaControls property
[This documentation is preliminary and is subject to change.]
Sets or retrieves the list of elements that are controlled by the current element.
![]() |
Syntax
| HTML |
|---|
<element aria-controls="p" ... > |
| JavaScript |
|---|
object.setAttribute("aria-controls",value);var value = object.getAttribute("aria-controls");
|
Property values
Type: String
A space-separated list of id property values.
Remarks
This property defines element relationships and associations that cannot be readily determined from the document structure.
The
ariaControls property is used primarily by elements where the
role property value is group, region, or widget. Compare this usage with that of the
ariaOwns property.
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).
See also
- Accessible Rich Internet Applications (ARIA)
- Reference
- ariaDescribedby
- ariaFlowto
- ariaLabelledby
- ariaOwns
- ariaPosinset
- ariaSetsize
Build date: 2/13/2012
