UIのアクセシビリティ対応、こんな時はどう書く ？~WAI-ARIAとか~

日本語を打つのが基本的に面倒なので… スクリーンリーダーユーザーはSR-User キーボードユーザーはKB-User とか略す。 隠したい aria-hidden="true" SR-Userから隠す tabindex="-1" KB-Userがfocusできないようにする 隠し持ちたい aria-haspopup="true" ここを押せば何かが現れるよ！という意味 偽装したい セレクトボックスとして role="combobox" コンボボックスとして読み上げ コンボボックスとは aria-autocomplete="list" オプションのリストが表示されることをSR-Userに示す aria-expanded="false|true" メニューが展開されていればtrue、折り畳まれていればfalseを設定することで、SR-Userにその状態を伝えてくれる role="listbox