Element: ariaLevel ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2023å¹´10æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
ariaLevel 㯠Element ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ãæ§é å
ã®è¦ç´ ã®é層ã¬ãã«ãå®ç¾©ãã aria-level 屿§ã®å¤ãåæ ãã¾ãã
ã¡ã¢: 使ç¨å¯è½ãªå ´åã¯ãHTML ã® h1 ã¾ãã¯ä»ã®æ£ããè¦åºãã¬ãã«ã使ç¨ãã¦ãã ããã
å¤
æ´æ°ã®å ¥ã£ãæååã§ãã
ä¾
ãã®ä¾ã§ã¯ãIDã main-heading ã®è¦ç´ ã® aria-level 屿§ã¯ "1" ã«è¨å®ããã¦ãã¾ããariaLevel ã使ç¨ãã¦å¤ã "2 "ã«æ´æ°ãã¾ãã
html
<div role="heading" id="main-heading" aria-level="1">
This is a main page heading
</div>
js
let el = document.getElementById("main-heading");
console.log(el.ariaLevel); // "1"
el.ariaLevel = "2";
console.log(el.ariaLevel); // "2"
仿§æ¸
| 仿§æ¸ |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) > # dom-ariamixin-arialevel > |