アコーディオン型ユーザーインターフェイス(UI)ã¯ã‚¦ã‚§ãƒ–ページã§ã‚ˆãã¿ã‚‰ã‚Œã‚‹è¡¨ç¾ã§ã™ã€‚å··ã§ã¯ã•ã¾ã–ã¾ãªæ–¹æ³•ã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UIを作る方法ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã¿ãªã•ã‚“ã¯ã©ã®ã‚ˆã†ãªæ–¹æ³•ã§å®Ÿè£…ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã€€è¦‹ãŸç›®ã ã‘ã§ãªãアクセシビリティ対ç–ã¾ã§ã—ã£ã‹ã‚Šã¨ã§ãã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿ <details>è¦ç´ ã¨<summary>è¦ç´ ã¯ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UIを実装ã™ã‚‹ã®ã«æœ€é©ã§ã™ã€‚éŽåŽ»ã«IE対ç–ã¨ã—ã¦<button>è¦ç´ ã‚„<div>è¦ç´ ã€<input>è¦ç´ ãªã©ã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UIを作ã£ã¦ã„ãŸæ–¹ã¯ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ対ç–ãŒç°¡å˜ã«ã§ãã‚‹ã®ã§ã€<details>è¦ç´ ã¨<summary>è¦ç´ ã®æŽ¡ç”¨ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€<details>è¦ç´ ã¨<summary>è¦ç´ ãŒã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UIã«æœ€é©ã¨è¨€ãˆã‚‹ç†ç”±ã¨ã€HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰CSSã§ã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã€JavaScriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ¶å¾¡ã¾ã§é †ã‚’

{{#tags}}- {{label}}
{{/tags}}