Baseline 2023
Newly available
The ariaLevel
property of the Element
interface reflects the value of the aria-level
attribute, which defines the hierarchical level of an element within a structure.
Note: Where possible use an HTML h1 or other correct heading level as these have built in semantics and do not require ARIA attributes.
ValueA string containing an integer.
ExamplesIn this example the aria-level
attribute on the element with an ID of main-heading
is set to "1". Using ariaLevel
we update the value to "2".
<div role="heading" id="main-heading" aria-level="1">
This is a main page heading
</div>
let el = document.getElementById("main-heading");
console.log(el.ariaLevel); // "1"
el.ariaLevel = "2";
console.log(el.ariaLevel); // "2"
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4