Элемент: свойство ariaLevel

Базовая версия 2023

Новое свойство

С октября 2023 года эта функция работает на последних версиях устройств и браузеров. Возможно, эта функция не будет работать на более старых устройствах или браузерах.

Свойство ariaLevel интерфейса Element отражает значение атрибута aria-level, который определяет иерархический уровень элемента в структуре.

Примечание: По возможности используйте HTML-тег h1 или другой корректный уровень заголовка, так как они имеют встроенную семантику и не требуют атрибутов ARIA.

Значение

Строка, содержащая целое число.

Примеры

В этом примере атрибут aria-level элемента с идентификатором main-heading установлен в «1». Используя ariaLevel, мы обновляем значение на «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"

Спецификации

Спецификация
Прикладные богатые интернет-приложения (WAI-ARIA) # dom-ariamixin-arialevel

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`ariaLevel`	81	81	119	68	12.1	81	119	58	12.2	13.0	81

См. также

ARIA: роль заголовка

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaLevel