ãªãœ <div> ã« onClick ãŒãƒ€ãƒ¡ãªã®ã‹ï¼Ÿâ– ã¯ã˜ã‚ã« <div>è¦ç´ ã«onClickを渡ã™ã¹ãã§ã¯ãªã„ã€ã¨ã„ã†ã“ã¨èžã„ãŸã“ã¨ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ãŸã ã€ãªãœæ¸¡ã™ã¹ãã§ãªã„ã®ã‹ï¼Ÿ ç†è§£ã—ã¦ãªã‹ã£ãŸã®ã§ä»Šå›žèª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ サンプルコード 今回動作確èªã«åˆ©ç”¨ã—ãŸã‚µãƒ³ãƒ—ルリãƒã‚¸ãƒˆãƒªã®ã‚³ãƒ¼ãƒ‰ã¯Reactã§æ›¸ã„ã¦ã„ã¾ã™ã€‚ â– çµè«–：<div>ã«onClickを定義ã™ã‚‹ã®ãŒãªãœãƒ€ãƒ¡ãªã®ã‹ï¼Ÿ ユーザーã«ã¨ã£ã¦æ“作性ã®ä½Žã„ボタンã«ãªã£ã¦ã—ã¾ã†ã‹ã‚‰ã€ã§ã™ï¼ è¦ã™ã‚‹ã« UX ãŒæ‚ªããªã£ã¦ã—ã¾ã†ã‹ã‚‰ï¼ ãã®ç†ç”±ã‚’解説ã—ã¦ã„ãã¾ã™ï¼ â– æ“作性ã®ä½Žã„ボタンã«ãªã£ã¦ã—ã¾ã†ç†ç”± 大ãã３ã¤ã‚ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ divè¦ç´ 㯠focus ã‚’æŒãŸãªã„ã‹ã‚‰ returnã‚ー, spaceã‚ーをonClickã«å¤‰æ›ã—ãªã„ã‹ã‚‰ スクリーンリーダーãŒèªè˜ã—ãªã„è¦ç´ ã ã‹ã‚‰ â—Ž focus ã‚’æŒãŸãªã„ã‹ã‚‰ <div>è¦ç´ ã¯focusã‚’æŒã¡ã¾ã›ã‚“。 ãªã®ã§ã€tabã‚ーã§è¦ç´ ã«
{{#tags}}- {{label}}
{{/tags}}