Element: ariaMultiLine ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2023å¹´10æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
ariaMultiLine 㯠Element ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ãããã¹ãããã¯ã¹ãè¤æ°è¡ã®å
¥åãåãå
¥ãããåä¸ã®è¡ã ããåãå
¥ãããã示ã aria-multiline 屿§ã®å¤ãåæ ãã¾ãã
ã¡ã¢:
å¯è½ã§ããã°ãHTMLã® <input> è¦ç´ ã§ type="text" ã使ç¨ãããã<textarea> ã使ç¨ãã¦ãã ããããããã¯æå³ã¥ããçµã¿è¾¼ã¾ãã¦ãããARIA 屿§ãå¿
è¦ã¨ããªãããã§ãã
å¤
以ä¸ã®ããããã®å¤ãæã¤æååã§ãã
ä¾
ãã®ä¾ã§ã¯ãtxtBoxInput ã¨ãã ID ãæã¤è¦ç´ ã® aria-multiline 屿§ã¯ "true" ã«è¨å®ããã¦ããããã®ããã¯ã¹ãè¤æ°è¡ã®å
¥åã許å¯ãã¦ãããã¨ã示ãã¦ãã¾ããariaMultiLine ã使ç¨ãã¦ãå¤ã "false" ã«æ´æ°ãã¾ãã
<div id="txtboxMultilineLabel">Enter the tags for the article</div>
<div
role="textbox"
id="txtBoxInput"
contenteditable="true"
aria-multiline="true"
aria-labelledby="txtboxMultilineLabel"
aria-required="true"></div>
let el = document.getElementById("txtBoxInput");
console.log(el.ariaMultiLine); // "true"
el.ariaMultiLine = "false";
console.log(el.ariaMultiLine); // "false"
仿§æ¸
| 仿§æ¸ |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) > # dom-ariamixin-ariamultiline > |