Element: ariaHidden ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2023å¹´10æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
ariaHidden 㯠Element ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ãaria-hidden 屿§ã®å¤ãåæ ããè¦ç´ ãã¢ã¯ã»ã·ããªã㣠API ã«å
¬éããã¦ãããã©ããã示ãã¾ãã
å¤
以ä¸ã®ããããã®å¤ãæã¤æååã§ãã
"true"-
ãã®è¦ç´ ã¯ã¢ã¯ã»ã·ããªã㣠API ããé ããã¦ãã¾ãã
"false"-
è¦ç´ ã¯ãããããã¬ã³ããªã³ã°ããããã®ããã«ã¢ã¯ã»ã·ããªã㣠API ã«å ¬éããã¾ãã
"undefined"-
è¦ç´ ã®éè¡¨ç¤ºç¶æ ã¯ããããã¬ã³ããªã³ã°ããã¦ãããã©ããã«åºã¥ãã¦ã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã«ãã£ã¦æ±ºå®ããã¾ãã
ä¾
ãã®ä¾ã§ã¯ãID ã hidden ã®è¦ç´ ã® aria-hidden 屿§ã¯ "true" ã«è¨å®ããã¦ãã¾ããariaHidden ã使ç¨ãã¦å¤ã "false" ã«æ´æ°ãã¾ãã
<div id="hidden" aria-hidden="true">Some things are better left unsaid.</div>
let el = document.getElementById("hidden");
console.log(el.ariaHidden); // true
el.ariaHidden = "false";
console.log(el.ariaHidden); // false
仿§æ¸
| 仿§æ¸ |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) > # dom-ariamixin-ariahidden > |