トグルスイッチのHTML/CSSについて考えるシリーズの後編では、筆者がよりよいと考える回答を紹介します。WAI-ARIAのswitchロールを使った回答です。

2値の切り替えUI、いわゆるトグルスイッチのHTML/CSSについて考えます。今回はdiv要素やinput要素を使った例を見てみましょう。