設定画面でセレクトメニューを使わず、横並びボタンに置き換える

[castella-cake]

設定画面で<select>を使ったドロップダウンメニューをやめて、横並びのボタンに置き換える。
必要なアクション数を減らせたり、項目の把握がやりやすくはなるが、デメリットも存在する。

メリット

一目でどのような項目があるかを把握でき、変更の際も「メニューを開く」操作をいちいち挟む必要もなくなる。
アップデートで新しい項目が追加された場合も、ユーザーが増えたことを簡単に確認できるようになる。

デメリット

画面情報量の増加もあるが、項目が多い場合に折り返す必要が出てくる点。
また、ナレーターやTabナビゲーション等のアクセシビリティ関連にも配慮して実装する必要がありそう。
非選択時に見えない隠し要素を入れるべき？

[castella-cake]

できたものの、項目の多いドロップダウンでは明らかに幅が足りない。項目の少ないドロップダウンのみ置き換えて、ダークモードなどの多いものは従来通りドロップダウンを使う？