HTMLAreaElement: alt ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
alt 㯠HTMLAreaElement ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ããã¤ãã¼ãªã³ã¯ã®ããã¹ããæå®ããã¤ã¡ã¼ã¸ãããã®ãªã³ã¯ã®ããã¹ãã©ãã«ãå®ç¾©ãã¾ããããã¯ã <area> è¦ç´ ã® alt 屿§ãåæ ãã¾ãã
alt ã®å¤ã¯ãåã <map> å
ã«ããä»ã® <area> ãã¤ãã¼ãªã³ã¯ã® alt ããã¹ãã¨ã¨ãã«ã <img> èªä½ã® alt ããã¹ãã®ãã¨ã§è¡¨ç¤ºãããã¨ãã«ã代æ¿ããã¹ãã表示ããªãå ´åã«ç»åãæä¾ãã鏿è¢ã¨åããã®ãã¦ã¼ã¶ã¼ã«ä¸ãããããªè¡¨ç¾ã«ãã¹ãã§ãã
<area> ããªã³ã¯ã§ããï¼href ããããã£ãå«ãï¼å ´åã alt ããããã£ã®å¤ã¯ãç»åãå©ç¨ã§ããªãå ´åã«é©åãªãªã³ã¯ã®ã©ãã«ã¨ãªãã空ã§ãªãæååã§ãªããã°ãªãã¾ããããªã³ã¯ <area> ã® alt 屿§ã¯ãåã <map> å
ã«ãåããªã½ã¼ã¹ãæãã alt 屿§ã空ç½ã§ãªãå¥ã® <area> è¦ç´ ãããå ´åã«ã®ã¿ã空ã«ãããã¨ãã§ãã¾ãã
å¤
æååã§ãã
ä¾
const areaElement = document.getElementById("imageArea");
console.log(areaElement.alt);
areaElement.alt = "ã¯ããã«è¯ããªã³ã¯ã®èª¬æ";
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # dom-area-alt > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
HTMLImageElement.altHTMLInputElement.altHTMLMapElement<area><map><a>- Good alt text, bad alt text â Making your content perceivable on WCAG.com (2021)
- An alt decision tree on W3C Web Accessibility Initiative (WAI)